Improve styling

This commit is contained in:
Peter Stuifzand 2019-08-25 15:41:19 +02:00
parent eb3a072bcf
commit 9c24be7479
2 changed files with 38 additions and 28 deletions

View File

@ -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;
}

View File

@ -25,6 +25,15 @@
display:block;
text-decoration: none;
}
.checklist {
margin-bottom: 1em;
}
.checklist--item {
display: flex;
}
.checklist--item-text {
align-self: center;
}
</style>
</head>
<body>