diff options
Diffstat (limited to 'assets/css/_basics.scss')
| -rw-r--r-- | assets/css/_basics.scss | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 4d4ecc6..c332ff7 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
| @@ -19,26 +19,27 @@ code { | |||
| 19 | } | 19 | } |
| 20 | 20 | ||
| 21 | html { | 21 | html { |
| 22 | height: 100%; | ||
| 22 | background-color: prop(--colors --bg); | 23 | background-color: prop(--colors --bg); |
| 23 | color: prop(--colors --fg); | 24 | color: prop(--colors --fg); |
| 24 | font-family: $font-fam--text; | 25 | font-family: $font-fam--text; |
| 25 | font-size: 1em / 16px * $font-size; | 26 | font-size: 1em / 16px * $font-size; |
| 26 | line-height: $line-height; | 27 | line-height: $line-height; |
| 27 | height: 100%; | ||
| 28 | } | 28 | } |
| 29 | 29 | ||
| 30 | body { | 30 | body { |
| 31 | display: flex; | 31 | display: flex; |
| 32 | box-sizing: border-box; | ||
| 32 | flex-direction: column; | 33 | flex-direction: column; |
| 33 | min-height: 100%; | 34 | min-height: 100%; |
| 34 | margin: 0; | 35 | margin: 0; |
| 35 | padding: 2px; | 36 | padding: 2px; |
| 36 | box-sizing: border-box; | ||
| 37 | } | 37 | } |
| 38 | 38 | ||
| 39 | main { | 39 | main { |
| 40 | width: 100%; | 40 | box-sizing: border-box; |
| 41 | 41 | width: 100%; | |
| 42 | |||
| 42 | @include iro-responsive-env(('sm', 'md')) { | 43 | @include iro-responsive-env(('sm', 'md')) { |
| 43 | font-size: iro-responsive-set((1rem, 1 / 16 * 18rem)); | 44 | font-size: iro-responsive-set((1rem, 1 / 16 * 18rem)); |
| 44 | } | 45 | } |
