You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
2.3 KiB
142 lines
2.3 KiB
/** |
|
* Colors |
|
*/ |
|
/** |
|
* Breakpoints & Media Queries |
|
*/ |
|
/** |
|
* Often re-used variables |
|
*/ |
|
/** |
|
* Breakpoint mixins |
|
*/ |
|
/** |
|
* Long content fade mixin |
|
* |
|
* Creates a fading overlay to signify that the content is longer |
|
* than the space allows. |
|
*/ |
|
/** |
|
* Button states and focus styles |
|
*/ |
|
/** |
|
* Applies editor left position to the selector passed as argument |
|
*/ |
|
/** |
|
* Applies editor right position to the selector passed as argument |
|
*/ |
|
/** |
|
* Styles that are reused verbatim in a few places |
|
*/ |
|
/** |
|
* Allows users to opt-out of animations via OS-level preferences. |
|
*/ |
|
/** |
|
* Reset default styles for JavaScript UI based pages. |
|
* This is a WP-admin agnostic reset |
|
*/ |
|
/** |
|
* Reset the WP Admin page styles for Gutenberg-like pages. |
|
*/ |
|
/** |
|
* Editor Normalization Styles |
|
* |
|
* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming |
|
* of the editor by themes. |
|
* Why do these exist? Why not rely on browser defaults? |
|
* These styles are necessary so long as CSS can bleed from the wp-admin into the editing canvas itself. |
|
* Let's continue working to refactor these away, whether through Shadow DOM or better scoping of upstream styles. |
|
*/ |
|
body { |
|
font-family: "Noto Serif", serif; |
|
font-size: 16px; |
|
line-height: 1.8; |
|
color: #191e23; } |
|
|
|
/* Headings */ |
|
h1 { |
|
font-size: 2.44em; } |
|
|
|
h2 { |
|
font-size: 1.95em; } |
|
|
|
h3 { |
|
font-size: 1.56em; } |
|
|
|
h4 { |
|
font-size: 1.25em; } |
|
|
|
h5 { |
|
font-size: 1em; } |
|
|
|
h6 { |
|
font-size: 0.8em; } |
|
|
|
h1, |
|
h2, |
|
h3 { |
|
line-height: 1.4; } |
|
|
|
h4 { |
|
line-height: 1.5; } |
|
|
|
h1 { |
|
margin-top: 0.67em; |
|
margin-bottom: 0.67em; } |
|
|
|
h2 { |
|
margin-top: 0.83em; |
|
margin-bottom: 0.83em; } |
|
|
|
h3 { |
|
margin-top: 1em; |
|
margin-bottom: 1em; } |
|
|
|
h4 { |
|
margin-top: 1.33em; |
|
margin-bottom: 1.33em; } |
|
|
|
h5 { |
|
margin-top: 1.67em; |
|
margin-bottom: 1.67em; } |
|
|
|
h6 { |
|
margin-top: 2.33em; |
|
margin-bottom: 2.33em; } |
|
|
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
color: inherit; } |
|
|
|
p { |
|
font-size: inherit; |
|
line-height: inherit; |
|
margin-top: 28px; |
|
margin-bottom: 28px; } |
|
|
|
ul, |
|
ol { |
|
margin-bottom: 28px; |
|
padding: inherit; } |
|
ul ul, |
|
ul ol, |
|
ol ul, |
|
ol ol { |
|
margin-bottom: 0; } |
|
ul li, |
|
ol li { |
|
margin-bottom: initial; } |
|
|
|
ul { |
|
list-style-type: disc; } |
|
|
|
ol { |
|
list-style-type: decimal; } |
|
|
|
ul ul, |
|
ol ul { |
|
list-style-type: circle; }
|
|
|