PluginProbe
Gutenberg / 23.5.3
Gutenberg v23.5.3
23.9.1 23.9.0 23.8.0 23.7.2 23.7.1 23.7.0 23.6.1 23.6.2 23.6.0 23.5.3 23.5.2 23.5.1 23.5.0 23.4.0 23.3.2 23.3.1 23.3.0 23.2.0 23.2.1 23.2.2 23.1.1 23.1.0 23.0.1 12.6.0 7.4.0 All 402 releases
gutenberg / build / styles / base-styles / admin-schemes.css

admin-schemes.css in Gutenberg 23.5.3, at build/styles/base-styles/admin-schemes.css

208 lines 6.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Typography
3 */
4 /**
5 * SCSS Variables.
6 *
7 * Please use variables from this sheet to ensure consistency across the UI.
8 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
9 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
10 */
11 /**
12 * Colors
13 */
14 /**
15 * Fonts & basic variables.
16 */
17 /**
18 * Typography
19 */
20 /**
21 * Grid System.
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
23 */
24 /**
25 * Radius scale.
26 */
27 /**
28 * Elevation scale.
29 */
30 /**
31 * Dimensions.
32 */
33 /**
34 * Mobile specific styles
35 */
36 /**
37 * Editor styles.
38 */
39 /**
40 * Block & Editor UI.
41 */
42 /**
43 * Block paddings.
44 */
45 /**
46 * React Native specific.
47 * These variables do not appear to be used anywhere else.
48 */
49 /**
50 * Breakpoints & Media Queries
51 */
52 /**
53 * Converts a hex value into the rgb equivalent.
54 *
55 * @param {string} hex - the hexadecimal value to convert
56 * @return {string} comma separated rgb values
57 */
58 /**
59 * Long content fade mixin
60 *
61 * Creates a fading overlay to signify that the content is longer
62 * than the space allows.
63 */
64 /**
65 * Breakpoint mixins
66 */
67 /**
68 * Focus styles.
69 */
70 /**
71 * Applies editor left position to the selector passed as argument
72 */
73 /**
74 * Styles that are reused verbatim in a few places
75 */
76 /**
77 * Allows users to opt-out of animations via OS-level preferences.
78 */
79 /**
80 * Reset default styles for JavaScript UI based pages.
81 * This is a WP-admin agnostic reset
82 */
83 /**
84 * Reset the WP Admin page styles for Gutenberg-like pages.
85 */
86 /**
87 * Creates a checkerboard pattern background to indicate transparency.
88 * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
89 */
90 body.admin-color-light {
91 --wp-admin-theme-color: #007cba;
92 --wp-admin-theme-color--rgb: 0, 124, 186;
93 --wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
94 --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
95 --wp-admin-theme-color-darker-20: #005a87;
96 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
97 --wp-admin-border-width-focus: 2px;
98 }
99 @media (min-resolution: 192dpi) {
100 body.admin-color-light {
101 --wp-admin-border-width-focus: 1.5px;
102 }
103 }
104
105 body.admin-color-modern {
106 --wp-admin-theme-color: #3858e9;
107 --wp-admin-theme-color--rgb: 56, 88, 233;
108 --wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
109 --wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
110 --wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
111 --wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
112 --wp-admin-border-width-focus: 2px;
113 }
114 @media (min-resolution: 192dpi) {
115 body.admin-color-modern {
116 --wp-admin-border-width-focus: 1.5px;
117 }
118 }
119
120 body.admin-color-blue {
121 --wp-admin-theme-color: #437aa8;
122 --wp-admin-theme-color--rgb: 67, 122, 168;
123 --wp-admin-theme-color-darker-10: rgb(59.729787234, 108.7617021277, 149.770212766);
124 --wp-admin-theme-color-darker-10--rgb: 59.729787234, 108.7617021277, 149.770212766;
125 --wp-admin-theme-color-darker-20: rgb(52.4595744681, 95.5234042553, 131.5404255319);
126 --wp-admin-theme-color-darker-20--rgb: 52.4595744681, 95.5234042553, 131.5404255319;
127 --wp-admin-border-width-focus: 2px;
128 }
129 @media (min-resolution: 192dpi) {
130 body.admin-color-blue {
131 --wp-admin-border-width-focus: 1.5px;
132 }
133 }
134
135 body.admin-color-coffee {
136 --wp-admin-theme-color: #916745;
137 --wp-admin-theme-color--rgb: 145, 103, 69;
138 --wp-admin-theme-color-darker-10: rgb(127.7219626168, 90.726635514, 60.7780373832);
139 --wp-admin-theme-color-darker-10--rgb: 127.7219626168, 90.726635514, 60.7780373832;
140 --wp-admin-theme-color-darker-20: rgb(110.4439252336, 78.453271028, 52.5560747664);
141 --wp-admin-theme-color-darker-20--rgb: 110.4439252336, 78.453271028, 52.5560747664;
142 --wp-admin-border-width-focus: 2px;
143 }
144 @media (min-resolution: 192dpi) {
145 body.admin-color-coffee {
146 --wp-admin-border-width-focus: 1.5px;
147 }
148 }
149
150 body.admin-color-ectoplasm {
151 --wp-admin-theme-color: #646c3e;
152 --wp-admin-theme-color--rgb: 100, 108, 62;
153 --wp-admin-theme-color-darker-10: rgb(85, 91.8, 52.7);
154 --wp-admin-theme-color-darker-10--rgb: 85, 91.8, 52.7;
155 --wp-admin-theme-color-darker-20: rgb(70, 75.6, 43.4);
156 --wp-admin-theme-color-darker-20--rgb: 70, 75.6, 43.4;
157 --wp-admin-border-width-focus: 2px;
158 }
159 @media (min-resolution: 192dpi) {
160 body.admin-color-ectoplasm {
161 --wp-admin-border-width-focus: 1.5px;
162 }
163 }
164
165 body.admin-color-midnight {
166 --wp-admin-theme-color: #cf4339;
167 --wp-admin-theme-color--rgb: 207, 67, 57;
168 --wp-admin-theme-color-darker-10: rgb(191.9634146341, 56.2317073171, 46.5365853659);
169 --wp-admin-theme-color-darker-10--rgb: 191.9634146341, 56.2317073171, 46.5365853659;
170 --wp-admin-theme-color-darker-20: rgb(171.4390243902, 50.2195121951, 41.5609756098);
171 --wp-admin-theme-color-darker-20--rgb: 171.4390243902, 50.2195121951, 41.5609756098;
172 --wp-admin-border-width-focus: 2px;
173 }
174 @media (min-resolution: 192dpi) {
175 body.admin-color-midnight {
176 --wp-admin-border-width-focus: 1.5px;
177 }
178 }
179
180 body.admin-color-ocean {
181 --wp-admin-theme-color: #567958;
182 --wp-admin-theme-color--rgb: 86, 121, 88;
183 --wp-admin-theme-color-darker-10: rgb(75.4057971014, 106.0942028986, 77.1594202899);
184 --wp-admin-theme-color-darker-10--rgb: 75.4057971014, 106.0942028986, 77.1594202899;
185 --wp-admin-theme-color-darker-20: rgb(64.8115942029, 91.1884057971, 66.3188405797);
186 --wp-admin-theme-color-darker-20--rgb: 64.8115942029, 91.1884057971, 66.3188405797;
187 --wp-admin-border-width-focus: 2px;
188 }
189 @media (min-resolution: 192dpi) {
190 body.admin-color-ocean {
191 --wp-admin-border-width-focus: 1.5px;
192 }
193 }
194
195 body.admin-color-sunrise {
196 --wp-admin-theme-color: #ad631e;
197 --wp-admin-theme-color--rgb: 173, 99, 30;
198 --wp-admin-theme-color-darker-10: rgb(151.2684729064, 86.5640394089, 26.2315270936);
199 --wp-admin-theme-color-darker-10--rgb: 151.2684729064, 86.5640394089, 26.2315270936;
200 --wp-admin-theme-color-darker-20: rgb(129.5369458128, 74.1280788177, 22.4630541872);
201 --wp-admin-theme-color-darker-20--rgb: 129.5369458128, 74.1280788177, 22.4630541872;
202 --wp-admin-border-width-focus: 2px;
203 }
204 @media (min-resolution: 192dpi) {
205 body.admin-color-sunrise {
206 --wp-admin-border-width-focus: 1.5px;
207 }
208 }