jlelse
/
Indiego
Archived
1
Fork 0
Code Releases Activity

Some CSS fixes

This commit is contained in:
Jan-Lukas Else 2020-05-26 12:41:46 +02:00
parent 66a6f0ee97
commit ed78703be8
1 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
assets/css/style.scss
View File

@ -35,16 +35,12 @@ html {
}
body {
/* Background color */
@include color(background, background);
/* Font settings */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: sans-serif;
line-height: 1.5;
/* Center body */
margin: 0 auto;
max-width: 750px;
padding: 10px;
/* Wrapping */
word-break: break-word;
overflow-wrap: break-word;
* {
@ -54,6 +50,7 @@ body {
}
header {
@extend .border-bottom;
padding: 10px 0;
* {
margin-top: 0;
@ -92,7 +89,17 @@ pre {
white-space: pre-wrap;
}
:not(pre) > code {
@extend .invert;
font-size: 1rem;
}
code {
font-family: monospace;
}
footer {
@extend .border-top;
padding: 10px 0;
* {
margin-top: 0;
@ -100,14 +107,19 @@ footer {
}
}
footer, .border-top {
.border-top {
@include color-border(border-top, 1px, solid, primary);
}
header, .border-bottom {
.border-bottom {
@include color-border(border-bottom, 1px, solid, primary);
}
.invert {
@include color(color, background);
@include color(background, primary);
}
.fake-p {
display: block;
margin-top: 1em;
@ -125,8 +137,3 @@ header, .border-bottom {
.full-width {
width: 100%;
}
.invert {
@include color(color, background);
@include color(background, primary);
}