|
1 /** |
|
2 * Colors |
|
3 */ |
|
4 /** |
|
5 * Breakpoints & Media Queries |
|
6 */ |
|
7 /** |
|
8 * Often re-used variables |
|
9 */ |
|
10 /** |
|
11 * Breakpoint mixins |
|
12 */ |
|
13 /** |
|
14 * Long content fade mixin |
|
15 * |
|
16 * Creates a fading overlay to signify that the content is longer |
|
17 * than the space allows. |
|
18 */ |
|
19 /** |
|
20 * Button states and focus styles |
|
21 */ |
|
22 /** |
|
23 * Applies editor left position to the selector passed as argument |
|
24 */ |
|
25 /** |
|
26 * Applies editor right position to the selector passed as argument |
|
27 */ |
|
28 /** |
|
29 * Styles that are reused verbatim in a few places |
|
30 */ |
|
31 /** |
|
32 * Allows users to opt-out of animations via OS-level preferences. |
|
33 */ |
|
34 .wp-block-code { |
|
35 font-family: Menlo, Consolas, monaco, monospace; |
|
36 font-size: 14px; |
|
37 color: #23282d; |
|
38 padding: 0.8em 1em; |
|
39 border: 1px solid #e2e4e7; |
|
40 border-radius: 4px; } |
|
41 |
|
42 .wp-block-preformatted pre { |
|
43 font-family: Menlo, Consolas, monaco, monospace; |
|
44 color: #23282d; |
|
45 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
46 font-size: 16px; } |
|
47 @media (min-width: 600px) { |
|
48 .wp-block-preformatted pre { |
|
49 font-size: 14px; } } |
|
50 |
|
51 .wp-block-pullquote { |
|
52 border-top: 4px solid #555d66; |
|
53 border-bottom: 4px solid #555d66; |
|
54 color: #40464d; } |
|
55 .wp-block-pullquote cite, |
|
56 .wp-block-pullquote footer, .wp-block-pullquote__citation { |
|
57 color: #40464d; |
|
58 text-transform: uppercase; |
|
59 font-size: 13px; |
|
60 font-style: normal; } |
|
61 |
|
62 .wp-block-quote { |
|
63 border-left: 4px solid #000; |
|
64 margin: 20px 0; |
|
65 padding-left: 1em; } |
|
66 .wp-block-quote cite, |
|
67 .wp-block-quote footer, .wp-block-quote__citation { |
|
68 color: #6c7781; |
|
69 font-size: 13px; |
|
70 margin-top: 1em; |
|
71 position: relative; |
|
72 font-style: normal; } |
|
73 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] { |
|
74 border-left: none; |
|
75 border-right: 4px solid #000; |
|
76 padding-left: 0; |
|
77 padding-right: 1em; } |
|
78 .wp-block-quote[style*="text-align:center"], .wp-block-quote[style*="text-align: center"] { |
|
79 border: none; |
|
80 padding-left: 0; } |
|
81 .wp-block-quote.is-style-large, .wp-block-quote.is-large { |
|
82 border: none; } |
|
83 |
|
84 .wp-block-search .wp-block-search__label { |
|
85 font-weight: bold; } |
|
86 |
|
87 .wp-block-separator { |
|
88 border: none; |
|
89 border-bottom: 2px solid #8f98a1; |
|
90 margin: 1.65em auto; } |
|
91 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { |
|
92 max-width: 100px; } |
|
93 |
|
94 .wp-block-table { |
|
95 width: 100%; |
|
96 min-width: 240px; |
|
97 border-collapse: collapse; } |
|
98 .wp-block-table td, |
|
99 .wp-block-table th { |
|
100 padding: 0.5em; |
|
101 border: 1px solid currentColor; |
|
102 word-break: break-all; } |