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-left: auto; |
93 margin-left: auto; |
85 margin-right: auto; |
94 margin-right: 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-left: -8px; |
|
102 margin-right: -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 /*!rtl:begin:ignore*/ |
124 /*!rtl:begin:ignore*/ |
108 float: left; |
125 float: left; |
109 margin-right: 2em; |
126 margin-right: 2em; |
110 /*!rtl:end:ignore*/ |
127 /*!rtl:end:ignore*/ |
111 } |
128 } |
112 .wp-block[data-align=right] > * { |
129 html :where(.wp-block)[data-align=right] > * { |
113 /*!rtl:begin:ignore*/ |
130 /*!rtl:begin:ignore*/ |
114 float: right; |
131 float: right; |
115 margin-left: 2em; |
132 margin-left: 2em; |
116 /*!rtl:end:ignore*/ |
133 /*!rtl:end:ignore*/ |
117 } |
134 } |
118 .wp-block[data-align=full], .wp-block[data-align=wide] { |
135 html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] { |
119 clear: both; |
136 clear: both; |
120 } |
137 } |
121 |
138 |
122 .wp-block-group > [data-align=full] { |
139 .wp-block-group > [data-align=full] { |
123 margin-left: auto; |
140 margin-left: auto; |