diff options
Diffstat (limited to '_sass/base/_typography.scss')
-rw-r--r-- | _sass/base/_typography.scss | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/_sass/base/_typography.scss b/_sass/base/_typography.scss new file mode 100644 index 0000000..b9f15b7 --- /dev/null +++ b/_sass/base/_typography.scss @@ -0,0 +1,79 @@ +body { + @include font-feature-settings("kern", "liga", "pnum"); + -webkit-font-smoothing: antialiased; + color: $base-font-color; + font-family: $base-font-family; + font-size: $base-font-size; + line-height: $base-line-height; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: $heading-font-family; + font-size: $base-font-size; + line-height: $heading-line-height; + margin: 0 0 $base-font-size; + margin: 0 0 rem($base-font-size); +} +h1 { + font-size: modular-scale(4); +} +h2 { + font-size: modular-scale(3); +} +h3 { + font-size: modular-scale(2); +} +h4 { + font-size: modular-scale(1); +} +h5 { + font-size: modular-scale(-1); +} +h6 { + font-size: modular-scale(-2); +} + +p { + margin: 0 0 $small-spacing; +} + +a { + color: $action-color; + text-decoration: none; + // transition: color 0.1s linear; + + &:active, + &:focus, + &:hover { + color: darken($action-color, 10%); + text-decoration: underline; + } + + &:active, + &:focus { + outline: none; + } +} + +hr { + border-bottom: $base-border; + border-left: none; + border-right: none; + border-top: none; + margin: $base-spacing 0; +} + +img, +picture { + margin: 0; + max-width: 100%; +} + +code { + +} |