Update _main.scss
This commit is contained in:
parent
2e723e3f05
commit
833de605e3
1 changed files with 52 additions and 41 deletions
|
@ -1,7 +1,7 @@
|
|||
html {
|
||||
box-sizing: border-box;
|
||||
line-height: 1.6;
|
||||
letter-spacing: .06em;
|
||||
letter-spacing: 0.06em;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
|
@ -14,7 +14,8 @@ html {
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Roboto",
|
||||
"Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-display: auto;
|
||||
font-size: 1rem;
|
||||
line-height: 1.54;
|
||||
|
@ -40,7 +41,11 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: 1.3;
|
||||
|
@ -150,7 +155,7 @@ figure {
|
|||
figcaption {
|
||||
font-size: 14px;
|
||||
margin-top: 5px;
|
||||
opacity: .8;
|
||||
opacity: 0.8;
|
||||
|
||||
&.left {
|
||||
text-align: left;
|
||||
|
@ -174,7 +179,7 @@ code {
|
|||
padding: 1px 6px;
|
||||
margin: 0 2px;
|
||||
border-radius: 5px;
|
||||
font-size: .95rem;
|
||||
font-size: 0.95rem;
|
||||
|
||||
.dark-theme & {
|
||||
background: $dark-background-secondary;
|
||||
|
@ -185,7 +190,7 @@ pre {
|
|||
background: #212020;
|
||||
padding: 10px 10px 10px 20px;
|
||||
border-radius: 8px;
|
||||
font-size: .95rem;
|
||||
font-size: 0.95rem;
|
||||
overflow: auto;
|
||||
|
||||
@media #{$media-size-phone} {
|
||||
|
@ -217,7 +222,7 @@ blockquote {
|
|||
}
|
||||
|
||||
&:before {
|
||||
content: '”';
|
||||
content: "”";
|
||||
font-family: Georgia, serif;
|
||||
font-display: auto;
|
||||
font-size: 3.875rem;
|
||||
|
@ -235,7 +240,8 @@ blockquote {
|
|||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
ul,
|
||||
ol {
|
||||
margin-left: 40px;
|
||||
padding: 0;
|
||||
|
||||
|
@ -337,3 +343,8 @@ hr {
|
|||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
// Prism JS Additionals
|
||||
.highlight {
|
||||
margin: 30px auto;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue