15 * |
45 * |
16 * Creates a fading overlay to signify that the content is longer |
46 * Creates a fading overlay to signify that the content is longer |
17 * than the space allows. |
47 * than the space allows. |
18 */ |
48 */ |
19 /** |
49 /** |
20 * Button states and focus styles |
50 * Focus styles. |
21 */ |
51 */ |
22 /** |
52 /** |
23 * Applies editor left position to the selector passed as argument |
53 * Applies editor left position to the selector passed as argument |
24 */ |
|
25 /** |
|
26 * Applies editor right position to the selector passed as argument |
|
27 */ |
54 */ |
28 /** |
55 /** |
29 * Styles that are reused verbatim in a few places |
56 * Styles that are reused verbatim in a few places |
30 */ |
57 */ |
31 /** |
58 /** |
32 * Allows users to opt-out of animations via OS-level preferences. |
59 * Allows users to opt-out of animations via OS-level preferences. |
33 */ |
60 */ |
|
61 /** |
|
62 * Reset default styles for JavaScript UI based pages. |
|
63 * This is a WP-admin agnostic reset |
|
64 */ |
|
65 /** |
|
66 * Reset the WP Admin page styles for Gutenberg-like pages. |
|
67 */ |
|
68 :root { |
|
69 --wp-admin-theme-color: #007cba; |
|
70 --wp-admin-theme-color-darker-10: #006ba1; |
|
71 --wp-admin-theme-color-darker-20: #005a87; } |
|
72 |
|
73 /** |
|
74 * Editor Normalization Styles |
|
75 * |
|
76 * These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming |
|
77 * of the editor by themes. |
|
78 * Why do these exist? Why not rely on browser defaults? |
|
79 * These styles are necessary so long as CSS can bleed from the wp-admin into the editing canvas itself. |
|
80 * Let's continue working to refactor these away, whether through Shadow DOM or better scoping of upstream styles. |
|
81 */ |
34 body { |
82 body { |
35 font-family: "Noto Serif", serif; |
83 font-family: "Noto Serif", serif; |
36 font-size: 16px; |
84 font-size: 16px; |
37 line-height: 1.8; |
85 line-height: 1.8; |
38 color: #191e23; } |
86 color: #1e1e1e; |
|
87 padding: 10px; } |
|
88 |
|
89 .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { |
|
90 margin-right: -10px; |
|
91 margin-left: -10px; } |
|
92 |
|
93 /* Headings */ |
|
94 h1 { |
|
95 font-size: 2.44em; } |
|
96 |
|
97 h2 { |
|
98 font-size: 1.95em; } |
|
99 |
|
100 h3 { |
|
101 font-size: 1.56em; } |
|
102 |
|
103 h4 { |
|
104 font-size: 1.25em; } |
|
105 |
|
106 h5 { |
|
107 font-size: 1em; } |
|
108 |
|
109 h6 { |
|
110 font-size: 0.8em; } |
|
111 |
|
112 h1, |
|
113 h2, |
|
114 h3 { |
|
115 line-height: 1.4; } |
|
116 |
|
117 h4 { |
|
118 line-height: 1.5; } |
|
119 |
|
120 h1 { |
|
121 margin-top: 0.67em; |
|
122 margin-bottom: 0.67em; } |
|
123 |
|
124 h2 { |
|
125 margin-top: 0.83em; |
|
126 margin-bottom: 0.83em; } |
|
127 |
|
128 h3 { |
|
129 margin-top: 1em; |
|
130 margin-bottom: 1em; } |
|
131 |
|
132 h4 { |
|
133 margin-top: 1.33em; |
|
134 margin-bottom: 1.33em; } |
|
135 |
|
136 h5 { |
|
137 margin-top: 1.67em; |
|
138 margin-bottom: 1.67em; } |
|
139 |
|
140 h6 { |
|
141 margin-top: 2.33em; |
|
142 margin-bottom: 2.33em; } |
|
143 |
|
144 h1, |
|
145 h2, |
|
146 h3, |
|
147 h4, |
|
148 h5, |
|
149 h6 { |
|
150 color: inherit; } |
39 |
151 |
40 p { |
152 p { |
41 font-size: inherit; |
153 font-size: inherit; |
42 line-height: inherit; } |
154 line-height: inherit; |
|
155 margin-top: 28px; |
|
156 margin-bottom: 28px; } |
43 |
157 |
44 ul, |
158 ul, |
45 ol { |
159 ol { |
46 margin: 0; |
160 margin-bottom: 28px; |
47 padding: 0; } |
161 padding-right: 1.3em; |
|
162 margin-right: 1.3em; } |
|
163 ul ul, |
|
164 ul ol, |
|
165 ol ul, |
|
166 ol ol { |
|
167 margin-bottom: 0; } |
48 ul li, |
168 ul li, |
49 ol li { |
169 ol li { |
50 margin-bottom: initial; } |
170 margin-bottom: initial; } |
51 |
171 |
52 ul { |
172 ul { |