From 9c24be7479654d90a7d6690bc401a0329f061dff Mon Sep 17 00:00:00 2001 From: Peter Stuifzand Date: Sun, 25 Aug 2019 15:41:19 +0200 Subject: [PATCH] Improve styling --- editor/src/styles.scss | 57 +++++++++++++++++++++--------------------- templates/layout.html | 9 +++++++ 2 files changed, 38 insertions(+), 28 deletions(-) diff --git a/editor/src/styles.scss b/editor/src/styles.scss index 7fdf1a1..c82a4ee 100644 --- a/editor/src/styles.scss +++ b/editor/src/styles.scss @@ -1,58 +1,59 @@ @import "~bulma"; #editor { - max-width: 650px; - margin: 0 auto; + max-width: 650px; + margin: 0 auto; } #save-indicator { - position: fixed; - top: 0; - left: 0; - background: lightskyblue; - font-weight: bold; - color: white; - padding: 3px; - z-index: 50; + position: fixed; + top: 0; + left: 0; + background: lightskyblue; + font-weight: bold; + color: white; + padding: 3px; + z-index: 50; } + .hidden { - display: none; + display: none; } .codex-editor .icon { - align-items: initial; - display: initial; - justify-content: initial; - height: initial; - width: initial; + align-items: initial; + display: initial; + justify-content: initial; + height: initial; + width: initial; } .codex-editor h1.ce-header { - @extend .title; - @extend .title.is-1; + @extend .title; + @extend .title.is-1; } .codex-editor h2.ce-header { - @extend .title; - @extend .is-2; + @extend .title; + @extend .is-2; } .codex-editor h3.ce-header { - @extend .title; - @extend .is-3; + @extend .title; + @extend .is-3; } .codex-editor h4.ce-header { - @extend .title; - @extend .is-4; + @extend .title; + @extend .is-4; } .codex-editor h5.ce-header { - @extend .title; - @extend .is-5; + @extend .title; + @extend .is-5; } .codex-editor h6.ce-header { - @extend .title; - @extend .is-6; + @extend .title; + @extend .is-6; } diff --git a/templates/layout.html b/templates/layout.html index 01344b6..8abe4ef 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -25,6 +25,15 @@ display:block; text-decoration: none; } + .checklist { + margin-bottom: 1em; + } + .checklist--item { + display: flex; + } + .checklist--item-text { + align-self: center; + }