gibheer
/
zero-blog
0
0
Fork 0
Code

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
templates/stylesheet/index.css.scss
View File

@ -4,10 +4,15 @@ $normal_color: hsl(0,0, 90%);
$action_color: hsl(32, 100%, 50%); $action_color: hsl(32, 100%, 50%);
// the blue // the blue
$alternate_color: hsl(204, 35%, 35%); $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 size to size everything from that
$standard-width: 1em; $standard-width: 1em;
// other variables
$box_border: $standard-width solid $box_color;
html { html {
font-size: 99%; font-size: 99%;
font-family: sans-serif; font-family: sans-serif;
@ -23,9 +28,14 @@ code {
font-family: "PT mono", monospace; font-family: "PT mono", monospace;
} }
pre { pre {
border: $standard-width solid hsla(0, 0%, 0%, 0); border: $box_border;
overflow-x: auto; overflow-x: auto;
} }
blockquote {
border: $box_border;
margin: 0;
font-style: italic;
}
#header { #header {
h1, h2 { h1, h2 {
@ -61,7 +71,7 @@ a {
} }
} }
} }
#content, pre { #content, pre, blockquote {
background-color: fade-out($alternate-color, 0.7); background-color: fade-out($alternate-color, 0.7);
} }
article { article {