Some CSS fixes
This commit is contained in:
parent
66a6f0ee97
commit
ed78703be8
|
@ -35,16 +35,12 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
/* Background color */
|
|
||||||
@include color(background, background);
|
@include color(background, background);
|
||||||
/* Font settings */
|
font-family: sans-serif;
|
||||||
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";
|
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
/* Center body */
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 750px;
|
max-width: 750px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
/* Wrapping */
|
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
* {
|
* {
|
||||||
|
@ -54,6 +50,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
|
@extend .border-bottom;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
* {
|
* {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
@ -92,7 +89,17 @@ pre {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:not(pre) > code {
|
||||||
|
@extend .invert;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
|
@extend .border-top;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
* {
|
* {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
@ -100,14 +107,19 @@ footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
footer, .border-top {
|
.border-top {
|
||||||
@include color-border(border-top, 1px, solid, primary);
|
@include color-border(border-top, 1px, solid, primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
header, .border-bottom {
|
.border-bottom {
|
||||||
@include color-border(border-bottom, 1px, solid, primary);
|
@include color-border(border-bottom, 1px, solid, primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.invert {
|
||||||
|
@include color(color, background);
|
||||||
|
@include color(background, primary);
|
||||||
|
}
|
||||||
|
|
||||||
.fake-p {
|
.fake-p {
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
|
@ -125,8 +137,3 @@ header, .border-bottom {
|
||||||
.full-width {
|
.full-width {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invert {
|
|
||||||
@include color(color, background);
|
|
||||||
@include color(background, primary);
|
|
||||||
}
|
|
Reference in New Issue