gutenberg / build / styles / block-library / page-list / editor.css

editor.css in Gutenberg trunk, at build/styles/block-library/page-list/editor.css

73 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-navigation.items-justified-space-between .wp-block-page-list > div,
47	.wp-block-navigation.items-justified-space-between .wp-block-page-list {
48	display: contents;
49	flex: 1;
50	}
51	.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list {
52	flex: inherit;
53	}
54
55	.wp-block-navigation .wp-block-navigation__submenu-container > .wp-block-page-list {
56	display: block;
57	}
58
59	.wp-block-pages-list__item__link {
60	pointer-events: none;
61	}
62
63	.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
64	visibility: visible;
65	opacity: 1;
66	width: auto;
67	height: auto;
68	min-width: 200px;
69	}
70
71	.wp-block-page-list__loading-indicator-container {
72	padding: 8px 12px;
73	}