diff options
Diffstat (limited to 'sass/style/style.sass')
-rw-r--r-- | sass/style/style.sass | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/sass/style/style.sass b/sass/style/style.sass new file mode 100644 index 0000000..e0afc79 --- /dev/null +++ b/sass/style/style.sass @@ -0,0 +1,98 @@ + +/* sass ~~ /style/style.css */ + +@import "common.sass" + +/* + * html native elements + */ + +* + text-align: justify + +body + background-color: $bg + font-family: "monospace" + margin: 0 1em 0 1em + padding: 0 + width: 80ch + +header nav + border-bottom: solid 2px $grey_1 + margin-bottom: 1em + +footer + margin: 2em 0 2em 0 + padding: .1em 0 .1em 0 + background-color: $grey + p + text-align: center + max-width: none + +h1 + font-size: 3em + +h2 + font-size: 2em + margin: 1.2em 0 .6em 0 + +h3 + font-size: 1.3em + +a + background-color: $grey_1 + padding: .1em + color: $fg + +a[href^="http"] + background: url(/images/external.svg) center right no-repeat $grey; + padding-right: 1em + +article + background-color: $grey + margin: .1em 0 .1em 0 + padding: .2em 0 .2em 0 + +p + overflow: hidden + +blockquote + min-width: 100% + margin: 1em 0 1em 0 + padding: .4em + font-weight: 100 + font-style: italic + background-color: $grey + border-left: solid .2em $grey_1 + +pre + padding: 1em + border-radius: .4em + overflow: auto + +img + max-width: 100% + margin: 0 auto 0 auto + +time + display: block + margin-top: 1em + +table + border-collapse: collapse + min-width: 100% + display: table + th, td + border: 0 $grey_1 solid + padding: .4em 1em .4em 1em + margin: 0 + overflow: hidden + tr:hover + background-color: $grey + +@media only screen and (max-width: 100ch) + body + width: 90% + nav * + display: block + margin: .2em 0 .2em 0 |