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; |
83 .editor-styles-wrapper .wp-block { |
92 .editor-styles-wrapper .wp-block { |
84 margin-right: auto; |
93 margin-right: auto; |
85 margin-left: auto; |
94 margin-left: auto; |
86 } |
95 } |
87 |
96 |
88 .wp-block { |
97 html :where(.editor-styles-wrapper) { |
|
98 padding: 8px; |
|
99 } |
|
100 html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { |
|
101 margin-right: -8px; |
|
102 margin-left: -8px; |
|
103 } |
|
104 |
|
105 html :where(.wp-block) { |
89 max-width: 840px; |
106 max-width: 840px; |
90 margin-top: 28px; |
107 margin-top: 28px; |
91 margin-bottom: 28px; |
108 margin-bottom: 28px; |
92 } |
109 } |
93 .wp-block[data-align=wide] { |
110 html :where(.wp-block)[data-align=wide] { |
94 max-width: 1100px; |
111 max-width: 1100px; |
95 } |
112 } |
96 .wp-block[data-align=full] { |
113 html :where(.wp-block)[data-align=full] { |
97 max-width: none; |
114 max-width: none; |
98 } |
115 } |
99 .wp-block[data-align=left], .wp-block[data-align=right] { |
116 html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] { |
100 width: 100%; |
117 width: 100%; |
101 height: 0; |
118 height: 0; |
102 } |
119 } |
103 .wp-block[data-align=left]::before, .wp-block[data-align=right]::before { |
120 html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before { |
104 content: none; |
121 content: none; |
105 } |
122 } |
106 .wp-block[data-align=left] > * { |
123 html :where(.wp-block)[data-align=left] > * { |
107 float: left; |
124 float: left; |
108 margin-right: 2em; |
125 margin-right: 2em; |
109 } |
126 } |
110 .wp-block[data-align=right] > * { |
127 html :where(.wp-block)[data-align=right] > * { |
111 float: right; |
128 float: right; |
112 margin-left: 2em; |
129 margin-left: 2em; |
113 } |
130 } |
114 .wp-block[data-align=full], .wp-block[data-align=wide] { |
131 html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] { |
115 clear: both; |
132 clear: both; |
116 } |
133 } |
117 |
134 |
118 .wp-block-group > [data-align=full] { |
135 .wp-block-group > [data-align=full] { |
119 margin-right: auto; |
136 margin-right: auto; |