UNPKG

5.55 kBCSSView Raw
1/**
2 * Colors
3 */
4/**
5 * Breakpoints & Media Queries
6 */
7/**
8 * SCSS Variables.
9 *
10 * Please use variables from this sheet to ensure consistency across the UI.
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
13 */
14/**
15 * Colors
16 */
17/**
18 * Fonts & basic variables.
19 */
20/**
21 * Grid System.
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
23 */
24/**
25 * Dimensions.
26 */
27/**
28 * Shadows.
29 */
30/**
31 * Editor widths.
32 */
33/**
34 * Block & Editor UI.
35 */
36/**
37 * Block paddings.
38 */
39/**
40 * React Native specific.
41 * These variables do not appear to be used anywhere else.
42 */
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/**
50 * Breakpoint mixins
51 */
52/**
53 * Long content fade mixin
54 *
55 * Creates a fading overlay to signify that the content is longer
56 * than the space allows.
57 */
58/**
59 * Focus styles.
60 */
61/**
62 * Applies editor left position to the selector passed as argument
63 */
64/**
65 * Styles that are reused verbatim in a few places
66 */
67/**
68 * Allows users to opt-out of animations via OS-level preferences.
69 */
70/**
71 * Reset default styles for JavaScript UI based pages.
72 * This is a WP-admin agnostic reset
73 */
74/**
75 * Reset the WP Admin page styles for Gutenberg-like pages.
76 */
77.wp-block-table {
78 overflow-x: auto;
79}
80.wp-block-table table {
81 border-collapse: collapse;
82 width: 100%;
83}
84.wp-block-table .has-fixed-layout {
85 table-layout: fixed;
86 width: 100%;
87}
88.wp-block-table .has-fixed-layout td,
89.wp-block-table .has-fixed-layout th {
90 word-break: break-word;
91}
92.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
93 display: table;
94 width: auto;
95}
96.wp-block-table.alignleft td,
97.wp-block-table.alignleft th, .wp-block-table.aligncenter td,
98.wp-block-table.aligncenter th, .wp-block-table.alignright td,
99.wp-block-table.alignright th {
100 word-break: break-word;
101}
102.wp-block-table .has-subtle-light-gray-background-color {
103 background-color: #f3f4f5;
104}
105.wp-block-table .has-subtle-pale-green-background-color {
106 background-color: #e9fbe5;
107}
108.wp-block-table .has-subtle-pale-blue-background-color {
109 background-color: #e7f5fe;
110}
111.wp-block-table .has-subtle-pale-pink-background-color {
112 background-color: #fcf0ef;
113}
114.wp-block-table.is-style-stripes {
115 border-spacing: 0;
116 border-collapse: inherit;
117 background-color: transparent;
118 border-bottom: 1px solid #f0f0f0;
119}
120.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
121 background-color: #f0f0f0;
122}
123.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
124 background-color: #f3f4f5;
125}
126.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
127 background-color: #e9fbe5;
128}
129.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
130 background-color: #e7f5fe;
131}
132.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
133 background-color: #fcf0ef;
134}
135.wp-block-table.is-style-stripes th,
136.wp-block-table.is-style-stripes td {
137 border-color: transparent;
138}
139.wp-block-table .has-border-color > *,
140.wp-block-table .has-border-color tr,
141.wp-block-table .has-border-color th,
142.wp-block-table .has-border-color td {
143 border-color: inherit;
144}
145.wp-block-table table[style*=border-top-color] > *,
146.wp-block-table table[style*=border-top-color] tr:first-child {
147 border-top-color: inherit;
148}
149.wp-block-table table[style*=border-top-color] > * th,
150.wp-block-table table[style*=border-top-color] > * td,
151.wp-block-table table[style*=border-top-color] tr:first-child th,
152.wp-block-table table[style*=border-top-color] tr:first-child td {
153 border-top-color: inherit;
154}
155.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
156 border-top-color: currentColor;
157}
158.wp-block-table table[style*=border-right-color] > *,
159.wp-block-table table[style*=border-right-color] tr,
160.wp-block-table table[style*=border-right-color] th,
161.wp-block-table table[style*=border-right-color] td:last-child {
162 border-right-color: inherit;
163}
164.wp-block-table table[style*=border-bottom-color] > *,
165.wp-block-table table[style*=border-bottom-color] tr:last-child {
166 border-bottom-color: inherit;
167}
168.wp-block-table table[style*=border-bottom-color] > * th,
169.wp-block-table table[style*=border-bottom-color] > * td,
170.wp-block-table table[style*=border-bottom-color] tr:last-child th,
171.wp-block-table table[style*=border-bottom-color] tr:last-child td {
172 border-bottom-color: inherit;
173}
174.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
175 border-bottom-color: currentColor;
176}
177.wp-block-table table[style*=border-left-color] > *,
178.wp-block-table table[style*=border-left-color] tr,
179.wp-block-table table[style*=border-left-color] th,
180.wp-block-table table[style*=border-left-color] td:first-child {
181 border-left-color: inherit;
182}
183.wp-block-table table[style*=border-style] > *,
184.wp-block-table table[style*=border-style] tr,
185.wp-block-table table[style*=border-style] th,
186.wp-block-table table[style*=border-style] td {
187 border-style: inherit;
188}
189.wp-block-table table[style*=border-width] > *,
190.wp-block-table table[style*=border-width] tr,
191.wp-block-table table[style*=border-width] th,
192.wp-block-table table[style*=border-width] td {
193 border-width: inherit;
194 border-style: inherit;
195}
\No newline at end of file