diff --git a/backend/scss/main.scss b/backend/scss/main.scss index 40d40d6..062d3ff 100644 --- a/backend/scss/main.scss +++ b/backend/scss/main.scss @@ -6,6 +6,7 @@ $dark-theme: false !default; @use 'calendar'; @use 'toast'; @use 'modal-dialog'; +@use 'mixins'; a { color: consts.$link-color; @@ -180,6 +181,12 @@ body { } } + #recipe-view { + .recipe-description { + @include mixins.markdown; + } + } + form { display: grid; grid-template-columns: auto 1fr; diff --git a/backend/scss/mixins.scss b/backend/scss/mixins.scss new file mode 100644 index 0000000..4f429d8 --- /dev/null +++ b/backend/scss/mixins.scss @@ -0,0 +1,26 @@ +@mixin markdown { + h1 { + font-size: 140%; + text-align: left; + } + + h2 { + font-size: 130%; + } + + h3 { + font-size: 120%; + } + + h4 { + font-size: 110%; + } + + h5 { + font-size: 100%; + } + + h6 { + font-size: 100%; + } +} \ No newline at end of file