add style to blockquote
Noe the blockquotes look similar to the code tags, but instead of switching to a monospace font, we use italics to mark it as a quote.
This commit is contained in:
parent
dded05bb52
commit
4350171042
|
@ -4,10 +4,15 @@ $normal_color: hsl(0,0, 90%);
|
|||
$action_color: hsl(32, 100%, 50%);
|
||||
// the blue
|
||||
$alternate_color: hsl(204, 35%, 35%);
|
||||
// box color for quotes and code
|
||||
$box_color: hsla(0, 0%, 0%, 0);
|
||||
|
||||
// standard size to size everything from that
|
||||
$standard-width: 1em;
|
||||
|
||||
// other variables
|
||||
$box_border: $standard-width solid $box_color;
|
||||
|
||||
html {
|
||||
font-size: 99%;
|
||||
font-family: sans-serif;
|
||||
|
@ -23,9 +28,14 @@ code {
|
|||
font-family: "PT mono", monospace;
|
||||
}
|
||||
pre {
|
||||
border: $standard-width solid hsla(0, 0%, 0%, 0);
|
||||
border: $box_border;
|
||||
overflow-x: auto;
|
||||
}
|
||||
blockquote {
|
||||
border: $box_border;
|
||||
margin: 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#header {
|
||||
h1, h2 {
|
||||
|
@ -61,7 +71,7 @@ a {
|
|||
}
|
||||
}
|
||||
}
|
||||
#content, pre {
|
||||
#content, pre, blockquote {
|
||||
background-color: fade-out($alternate-color, 0.7);
|
||||
}
|
||||
article {
|
||||
|
|
Loading…
Reference in New Issue