equal
deleted
inserted
replaced
39 /** |
39 /** |
40 * React Native specific. |
40 * React Native specific. |
41 * These variables do not appear to be used anywhere else. |
41 * These variables do not appear to be used anywhere else. |
42 */ |
42 */ |
43 /** |
43 /** |
|
44 * Converts a hex value into the rgb equivalent. |
|
45 * |
|
46 * @param {string} hex - the hexadecimal value to convert |
|
47 * @return {string} comma separated rgb values |
|
48 */ |
|
49 /** |
44 * Breakpoint mixins |
50 * Breakpoint mixins |
45 */ |
51 */ |
46 /** |
52 /** |
47 * Long content fade mixin |
53 * Long content fade mixin |
48 * |
54 * |
68 /** |
74 /** |
69 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
70 */ |
76 */ |
71 :root { |
77 :root { |
72 --wp-admin-theme-color: #007cba; |
78 --wp-admin-theme-color: #007cba; |
|
79 --wp-admin-theme-color--rgb: 0, 124, 186; |
73 --wp-admin-theme-color-darker-10: #006ba1; |
80 --wp-admin-theme-color-darker-10: #006ba1; |
|
81 --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
74 --wp-admin-theme-color-darker-20: #005a87; |
82 --wp-admin-theme-color-darker-20: #005a87; |
|
83 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
75 --wp-admin-border-width-focus: 2px; |
84 --wp-admin-border-width-focus: 2px; |
76 } |
85 } |
77 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
86 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
78 :root { |
87 :root { |
79 --wp-admin-border-width-focus: 1.5px; |
88 --wp-admin-border-width-focus: 1.5px; |
126 } |
135 } |
127 .block-editor-format-toolbar__link-container-value.has-invalid-link { |
136 .block-editor-format-toolbar__link-container-value.has-invalid-link { |
128 color: #cc1818; |
137 color: #cc1818; |
129 } |
138 } |
130 |
139 |
131 .components-inline-color__indicator { |
140 .components-inline-color-popover .components-popover__content .components-tab-panel__tab-content { |
132 position: absolute; |
141 padding: 16px; |
133 background: #000; |
|
134 height: 3px; |
|
135 width: 20px; |
|
136 bottom: 6px; |
|
137 right: auto; |
|
138 left: auto; |
|
139 margin: 0 5px; |
|
140 } |
|
141 |
|
142 .components-inline-color-popover .components-popover__content > div { |
|
143 padding: 20px 18px; |
|
144 } |
142 } |
145 .components-inline-color-popover .components-popover__content .components-color-palette { |
143 .components-inline-color-popover .components-popover__content .components-color-palette { |
146 margin-top: 0.6rem; |
144 margin-top: 0.6rem; |
147 } |
145 } |
148 .components-inline-color-popover .components-popover__content .components-base-control__title { |
146 .components-inline-color-popover .components-popover__content .components-base-control__title { |
152 color: #191e23; |
150 color: #191e23; |
153 } |
151 } |
154 .components-inline-color-popover .components-popover__content .component-color-indicator { |
152 .components-inline-color-popover .components-popover__content .component-color-indicator { |
155 vertical-align: text-bottom; |
153 vertical-align: text-bottom; |
156 } |
154 } |
157 |
|
158 .format-library-text-color-button { |
|
159 position: relative; |
|
160 } |
|
161 |
|
162 .format-library-text-color-button__indicator { |
|
163 height: 4px; |
|
164 width: 20px; |
|
165 position: absolute; |
|
166 bottom: 10px; |
|
167 right: 8px; |
|
168 } |
|