2018-12-16 22:22:13 -05:00
|
|
|
/**
|
|
|
|
* 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
|
|
|
|
*/
|
|
|
|
@keyframes fade-in {
|
|
|
|
from {
|
|
|
|
opacity: 0; }
|
|
|
|
to {
|
|
|
|
opacity: 1; } }
|
|
|
|
|
|
|
|
@keyframes editor_region_focus {
|
|
|
|
from {
|
|
|
|
box-shadow: inset 0 0 0 0 #33b3db; }
|
|
|
|
to {
|
|
|
|
box-shadow: inset 0 0 0 4px #33b3db; } }
|
|
|
|
|
|
|
|
@keyframes rotation {
|
|
|
|
from {
|
|
|
|
transform: rotate(0deg); }
|
|
|
|
to {
|
|
|
|
transform: rotate(-360deg); } }
|
|
|
|
|
|
|
|
@keyframes modal-appear {
|
|
|
|
from {
|
|
|
|
margin-top: 32px; }
|
|
|
|
to {
|
|
|
|
margin-top: 0; } }
|
|
|
|
|
|
|
|
body {
|
|
|
|
font-family: "Noto Serif", serif;
|
|
|
|
font-size: 16px;
|
|
|
|
line-height: 1.8;
|
|
|
|
color: #191e23; }
|
|
|
|
|
|
|
|
p {
|
|
|
|
font-size: 16px;
|
|
|
|
line-height: 1.8; }
|
|
|
|
|
|
|
|
ul,
|
|
|
|
ol {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0; }
|
|
|
|
|
|
|
|
ul {
|
|
|
|
list-style-type: disc; }
|
|
|
|
|
|
|
|
ol {
|
|
|
|
list-style-type: decimal; }
|
|
|
|
|
|
|
|
ul ul,
|
|
|
|
ol ul {
|
|
|
|
list-style-type: circle; }
|
|
|
|
|
|
|
|
.mce-content-body {
|
|
|
|
line-height: 1.8; }
|