diff options
author | Roger Gonzalez <roger@rogs.me> | 2020-04-25 16:50:56 -0300 |
---|---|---|
committer | Roger Gonzalez <roger@rogs.me> | 2020-04-25 16:50:56 -0300 |
commit | 29d309db5196099982d96933acdc4c0d0ae45436 (patch) | |
tree | d05796b60487d2befc2780d35ae1f864eff225c7 /themes/m10c/assets/css/_base.scss |
Initial commit, migrating from Ghost
Diffstat (limited to 'themes/m10c/assets/css/_base.scss')
-rw-r--r-- | themes/m10c/assets/css/_base.scss | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/themes/m10c/assets/css/_base.scss b/themes/m10c/assets/css/_base.scss new file mode 100644 index 0000000..9848303 --- /dev/null +++ b/themes/m10c/assets/css/_base.scss @@ -0,0 +1,55 @@ +* { + box-sizing: border-box; +} + +html { + line-height: 1.6; +} + +body { + margin: 0; + font-family: sans-serif; + background: $dark-color; + color: $light-color; +} + +h1, h2, h3, h4, h5, h6 { + color: $lightest-color; +} + +a { + color: $primary-color; + transition: color 0.35s; + text-decoration: none; + + &:hover { + color: $lightest-color; + } +} + +// Browsers seem to use a smaller default font-size with monospaced code +// blocks (like 80% of the size of normal text) and that looks pretty bad with +// small inline code-blocks in the middle of normal text (mainly because of +// the very noticeable difference in x-height). This CSS corrects that problem. +code { + font-family: monospace,monospace; + font-size: 1em; + color: rgba($light-color, .8); +} + +pre { + // A larger monospaced block of text (that isn't mixed with normal text) + // generally looks heavier than normal text with the same font size. For this + // reason using a smaller monospaced font size makes sense in this situation. + code { + font-size: .8em; + } + overflow: auto; +} + +::selection { + background: rgba($light-color, .25); +} +::-moz-selection { + background: rgba($light-color, .25); +} |