mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-25 10:29:14 -04:00
a659c75276
- adds a background colour, to words wrapped in `<code>` tags, like we have for whole snippets of code - reduces the font size of all code blocks a) to differentiate them further b) to fit more on the screen
81 lines
901 B
SCSS
81 lines
901 B
SCSS
.documentation {
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin: $gutter 0 $gutter-half 0;
|
|
}
|
|
|
|
h1 {
|
|
@include heading-48;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h2 {
|
|
@include heading-36;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h3 {
|
|
@include heading-24;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
@include bold-19;
|
|
}
|
|
|
|
p,
|
|
ul {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
ul {
|
|
|
|
list-style: disc;
|
|
margin: 0 0 20px 20px;
|
|
|
|
ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
}
|
|
|
|
ol {
|
|
list-style: decimal;
|
|
margin: 0 0 20px 20px;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 8px solid $border-colour;
|
|
padding: 0 0 0 20px;
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
pre,
|
|
code {
|
|
font-size: 16px;
|
|
}
|
|
|
|
code {
|
|
background: $highlight-colour;
|
|
padding: 2px 5px;
|
|
}
|
|
|
|
.highlight {
|
|
margin: 0 0 20px 0;
|
|
background: $highlight-colour;
|
|
}
|
|
|
|
strong,
|
|
em {
|
|
font-weight: bold;
|
|
}
|
|
|
|
}
|