0
0
Fork 0

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:
Gibheer 2014-01-16 21:52:11 +01:00
parent dded05bb52
commit 4350171042
1 changed files with 12 additions and 2 deletions

View File

@ -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 {