peter/wiki
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve styling

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
editor/src/styles.scss
View File

@ -1,58 +1,59 @@
@import "~bulma"; @import "~bulma";
#editor { #editor {
max-width: 650px; max-width: 650px;
margin: 0 auto; margin: 0 auto;
} }
#save-indicator { #save-indicator {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
background: lightskyblue; background: lightskyblue;
font-weight: bold; font-weight: bold;
color: white; color: white;
padding: 3px; padding: 3px;
z-index: 50; z-index: 50;
} }
.hidden { .hidden {
display: none; display: none;
} }
.codex-editor .icon { .codex-editor .icon {
align-items: initial; align-items: initial;
display: initial; display: initial;
justify-content: initial; justify-content: initial;
height: initial; height: initial;
width: initial; width: initial;
} }
.codex-editor h1.ce-header { .codex-editor h1.ce-header {
@extend .title; @extend .title;
@extend .title.is-1; @extend .title.is-1;
} }
.codex-editor h2.ce-header { .codex-editor h2.ce-header {
@extend .title; @extend .title;
@extend .is-2; @extend .is-2;
} }
.codex-editor h3.ce-header { .codex-editor h3.ce-header {
@extend .title; @extend .title;
@extend .is-3; @extend .is-3;
} }
.codex-editor h4.ce-header { .codex-editor h4.ce-header {
@extend .title; @extend .title;
@extend .is-4; @extend .is-4;
} }
.codex-editor h5.ce-header { .codex-editor h5.ce-header {
@extend .title; @extend .title;
@extend .is-5; @extend .is-5;
} }
.codex-editor h6.ce-header { .codex-editor h6.ce-header {
@extend .title; @extend .title;
@extend .is-6; @extend .is-6;
} }

9
templates/layout.html
View File

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