diff options
Diffstat (limited to 'css/base.scss')
-rw-r--r-- | css/base.scss | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/css/base.scss b/css/base.scss new file mode 100644 index 0000000..4415fdc --- /dev/null +++ b/css/base.scss @@ -0,0 +1,48 @@ +$monospaceFont:"Source Code Pro","monospace"; +$sansSerifFont:"Helvetica","sans-serif"; +$serifFont: "Liberation Serif","serif"; + +:root { + --black: #1B1A1A; // 7/32 + --darkgrey: #232121; // 8/32 + --lightgrey:#ECEAEA; // 30/32 + --white: #F6F4F4; // 31/32 + --red: #A50034; // 207 C + --yellow: #FFA400; // 137 C + --green: #00965E; // 340 C + --blue: #0072CE; // 285 C + + --bodyColour: var(--black); + --backgroundColour:var(--darkgrey); + --foregroundColour:var(--white); + --colour: var(--red); + --fadedColour: var(--red); + + --minimumPageWidth:12rem; + --maximumPageWidth:48rem; + + font-family:$serifFont; + font-size: calc(1000mm / 1728 * 8); +} + +* { + box-sizing:border-box; + margin: 0; + padding: 0; +} + +body { + background-color:var(--bodyColour); + color: var(--foregroundColour); +} + +a { + &,&:visited { + color: var(--fadedColour); + text-decoration:none; + } + + &:hover { + color:var(--foregroundColour); + } +} |