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 }