editor.css in Gutenberg 23.2.0, at build/styles/block-library/icon/editor.css

97 lines 1.7 KB Raw Download Zip

1	/**
2	* SCSS Variables.
3	*
4	* Please use variables from this sheet to ensure consistency across the UI.
5	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
6	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
7	*/
8	/**
9	* Colors
10	*/
11	/**
12	* Fonts & basic variables.
13	*/
14	/**
15	* Typography
16	*/
17	/**
18	* Grid System.
19	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
20	*/
21	/**
22	* Radius scale.
23	*/
24	/**
25	* Elevation scale.
26	*/
27	/**
28	* Dimensions.
29	*/
30	/**
31	* Mobile specific styles
32	*/
33	/**
34	* Editor styles.
35	*/
36	/**
37	* Block & Editor UI.
38	*/
39	/**
40	* Block paddings.
41	*/
42	/**
43	* React Native specific.
44	* These variables do not appear to be used anywhere else.
45	*/
46	.wp-block[data-align=center] > .wp-block-icon {
47	display: flex;
48	justify-content: center;
49	}
50
51	.wp-block-icon__inserter {
52	padding: 0 24px;
53	margin: 0 -24px;
54	}
55
56	.wp-block-icon__inserter-header {
57	align-items: center;
58	display: flex;
59	justify-content: space-between;
60	margin-bottom: 16px;
61	}
62
63	.wp-block-icon__inserter-grid-icons-list {
64	display: grid;
65	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
66	}
67
68	.wp-block-icon__inserter-grid-no-results {
69	display: flex;
70	justify-content: center;
71	}
72
73	.wp-block-icon__inserter-grid-icons-list-item {
74	display: flex;
75	flex-direction: column;
76	height: auto !important;
77	}
78
79	.wp-block-icon__inserter-grid-icons-list-item-icon {
80	padding: 12px;
81	}
82
83	.wp-block-icon__inserter-grid-icons-list-item-title {
84	font-size: 12px;
85	padding: 4px 4px 8px;
86	overflow: hidden;
87	text-overflow: ellipsis;
88	white-space: nowrap;
89	}
90
91	.wp-block-icon__toolbar-content {
92	width: 250px;
93	}
94
95	.wp-block-icon__placeholder {
96	backdrop-filter: blur(100px);
97	}