Too much temptation to styles these specifically which causes all sorts of problems further down the line. Base heading styles should just be used for editor headings, if you need them.
93 lines
1 KiB
SCSS
Executable file
93 lines
1 KiB
SCSS
Executable file
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: border-box;
|
|
font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
html {
|
|
background-color: $base-background-colour;
|
|
color: $base-colour;
|
|
font: #{($base-font-size * 6.25) * 1%}/#{$base-line-height} $base-font-stack;
|
|
min-height: 100%;
|
|
}
|
|
|
|
a {
|
|
color: $base-colour;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
hr,
|
|
ul,
|
|
ol {
|
|
margin-bottom: $base-margin-bottom;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
line-height: $base-margin-bottom;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
margin-left: $base-margin-bottom;
|
|
}
|
|
|
|
ul ul,
|
|
ol ol {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
blockquote {
|
|
font-family: serif;
|
|
padding-left: $base-margin-bottom;
|
|
}
|
|
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
|
|
hr {
|
|
background-color: $base-colour;
|
|
border: 0;
|
|
color: $base-colour;
|
|
height: 1px;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
strong,
|
|
th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
th,
|
|
td {
|
|
padding: ($base-margin-bottom / 4);
|
|
text-align: left;
|
|
}
|
|
}
|