diff options
Diffstat (limited to 'theme/bulma/mine.scss')
-rw-r--r-- | theme/bulma/mine.scss | 24 |
1 files changed, 18 insertions, 6 deletions
diff --git a/theme/bulma/mine.scss b/theme/bulma/mine.scss index 0c3ad20..136d276 100644 --- a/theme/bulma/mine.scss +++ b/theme/bulma/mine.scss @@ -5,7 +5,7 @@ @use "bulma/sass/utilities/derived-variables.scss" with ( $primary: rgb(216,222,233) ); -@use "bulma/sass/base" ; +@use "bulma/sass/base"; @use "bulma/sass/themes"; @use "bulma/sass/elements/title.scss" with ( $title-family: "'Noto Serif Display', serif", @@ -20,6 +20,8 @@ @use "bulma/sass/helpers/typography.scss"; @use "bulma/sass/helpers/spacing.scss"; @use "bulma/sass/components/pagination.scss"; +@use "bulma/sass/utilities/mixins.scss" as mx; +@use "bulma/sass/helpers/float.scss"; html[data-theme="dark"] { --main-text-color: #d8dee9; @@ -50,20 +52,26 @@ body { background-color: var(--main-background-color); } + main { font-size: 1.5em; font-weight: 300; } -main article header p{ - font-weight: lighter; -} - .aside { background-color: var(--side-background-color); --bulma-link-text: #eceff4; --bulma-text: #eceff4; - min-height: 100vh; + @include mx.desktop { + min-height: 100vh; + } +} +aside { + @include mx.desktop { + position: fixed; + left: 11%; + transform: translate(-50%, 0); + } } .aside .title, .aside .subtitle { @@ -95,3 +103,7 @@ main article header p{ h1 { @extend .title, .is-1 } h2 { @extend .title, .is-2 } h3 { @extend .title, .is-3 } + +.figure.align-center { @extend .has-text-centered } +.figure.align-left { @extend .has-text-left } +.figure.align-right { @extend .has-text-right } |