95 lines
1.4 KiB
Sass
95 lines
1.4 KiB
Sass
|
@import 'fonts'
|
||
|
|
@import 'variables'
|
||
|
|
@import 'themes/light'
|
||
|
|
@import 'mixins'
|
||
|
|
@import 'tables'
|
||
|
|
|
||
|
|
|
||
|
|
// Base styles
|
||
|
|
body
|
||
|
|
line-height: 1.6
|
||
|
|
color: $primary-color
|
||
|
|
background-color: $background-color
|
||
|
|
padding: 1em
|
||
|
|
max-width: 800px
|
||
|
|
margin: 0 auto
|
||
|
|
|
||
|
|
// Headers
|
||
|
|
@each $header, $props in $header-styles
|
||
|
|
#{$header}
|
||
|
|
font-family: $secondary-font
|
||
|
|
font-weight: bold
|
||
|
|
color: map-get($props, color)
|
||
|
|
font-size: map-get($props, size)
|
||
|
|
|
||
|
|
margin-top: 1.5em
|
||
|
|
margin-bottom: 0.5em
|
||
|
|
line-height: 1.2
|
||
|
|
|
||
|
|
text-transform: capitalize
|
||
|
|
|
||
|
|
h3
|
||
|
|
text-transform: uppercase
|
||
|
|
|
||
|
|
|
||
|
|
// remember to use toggle!
|
||
|
|
@include remove-section-number(h3)
|
||
|
|
@include remove-section-number(h4)
|
||
|
|
|
||
|
|
p
|
||
|
|
margin-bottom: 1em
|
||
|
|
|
||
|
|
a
|
||
|
|
@include link-primary
|
||
|
|
|
||
|
|
a.secondary
|
||
|
|
@include link-secondary
|
||
|
|
|
||
|
|
a.inverse
|
||
|
|
@include link-inverse
|
||
|
|
|
||
|
|
|
||
|
|
ul, ol
|
||
|
|
margin-bottom: 1em
|
||
|
|
padding-left: 1.5em
|
||
|
|
|
||
|
|
li
|
||
|
|
margin-bottom: 0.5em
|
||
|
|
|
||
|
|
blockquote
|
||
|
|
border-left: 4px solid $secondary-color
|
||
|
|
padding-left: 1em
|
||
|
|
color: $secondary-color
|
||
|
|
margin: 1.5em 0
|
||
|
|
|
||
|
|
pre, code
|
||
|
|
font-family: "Courier New", monospace
|
||
|
|
background-color: $code-bg-color
|
||
|
|
padding: 0.2em 0.4em
|
||
|
|
border-radius: 3px
|
||
|
|
|
||
|
|
pre
|
||
|
|
padding: 1em
|
||
|
|
overflow-x: auto
|
||
|
|
|
||
|
|
table
|
||
|
|
width: 100%
|
||
|
|
border-collapse: collapse
|
||
|
|
margin-bottom: 1em
|
||
|
|
|
||
|
|
th, td
|
||
|
|
border: 1px solid $table-border-color
|
||
|
|
padding: 0.5em
|
||
|
|
text-align: left
|
||
|
|
|
||
|
|
th
|
||
|
|
background-color: lighten($background-color, 10%)
|
||
|
|
font-weight: bold
|
||
|
|
|
||
|
|
|
||
|
|
div#postamble
|
||
|
|
border-top: dashed 1px black
|
||
|
|
margin-top: 3em
|
||
|
|
padding-top: 1em
|
||
|
|
|