michaelkuc6/blog_os
1
0
Fork 0
mirror of https://github.com/phil-opp/blog_os.git synced 2025-12-16 22:37:49 +00:00
Code Issues Projects Releases Wiki Activity

Add fonts heading and autoformat

Browse Source
This commit is contained in:
Philipp Oppermann
2021-10-16 16:25:12 +02:00
parent b16c0c861f
commit faae44a477
1 changed files with 560 additions and 539 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
blog/sass/css/edition-2/main.scss
View File

@@ -5,10 +5,10 @@
* https://github.com/poole/poole. * https://github.com/poole/poole.
*/ */
/* /*
* Contents * Contents
* *
* Fonts
* Body resets * Body resets
* Custom type * Custom type
* Messages * Messages
@@ -20,6 +20,8 @@
* Themes * Themes
*/ */
/* Fonts */
@font-face { @font-face {
font-family: "Iosevka"; font-family: "Iosevka";
src: url("/fonts/iosevka-regular.woff2") format("woff2"), url("/fonts/iosevka-regular.woff") format("woff"); src: url("/fonts/iosevka-regular.woff2") format("woff2"), url("/fonts/iosevka-regular.woff") format("woff");
@@ -70,8 +72,13 @@
} }
/* Headings */ /* Headings */
h1, h2, h3, h4, h5, h6 { h1,
margin-bottom: .5rem; h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0.5rem;
font-weight: bold; font-weight: bold;
line-height: 1.25; line-height: 1.25;
color: #313131; color: #313131;
@@ -88,7 +95,9 @@
margin-top: 1.5rem; margin-top: 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
} }
h4, h5, h6 { h4,
h5,
h6 {
margin-top: 1rem; margin-top: 1rem;
font-size: 1rem; font-size: 1rem;
} }
@@ -103,19 +112,24 @@
color: #303030; color: #303030;
} }
/* Lists */ /* Lists */
ul, ol, dl { ul,
ol,
dl {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
/* Nested lists */ /* Nested lists */
li ul, li ol, li dl { li ul,
li ol,
li dl {
margin-bottom: 0; margin-bottom: 0;
} }
li ul + p, li ol + p, li dl + p { li ul + p,
li ol + p,
li dl + p {
margin-top: 1rem; margin-top: 1rem;
} }
@@ -123,7 +137,7 @@
font-weight: bold; font-weight: bold;
} }
dd { dd {
margin-bottom: .5rem; margin-bottom: 0.5rem;
} }
/* Misc */ /* Misc */
@@ -152,7 +166,7 @@
font-family: "Iosevka", monospace; font-family: "Iosevka", monospace;
} }
code { code {
padding: .25em .5em; padding: 0.25em 0.5em;
font-size: 85%; font-size: 85%;
color: #bf616a; color: #bf616a;
background-color: #f9f9f9; background-color: #f9f9f9;
@@ -162,8 +176,8 @@
display: block; display: block;
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
padding: .5rem; padding: 0.5rem;
font-size: .95rem; font-size: 0.95rem;
line-height: 1.4; line-height: 1.4;
white-space: pre; white-space: pre;
overflow: auto; overflow: auto;
@@ -186,10 +200,10 @@
/* Quotes */ /* Quotes */
blockquote { blockquote {
padding: .5rem 1rem; padding: 0.5rem 1rem;
margin: .8rem 0; margin: 0.8rem 0;
color: #7a7a7a; color: #7a7a7a;
border-left: .25rem solid #e5e5e5; border-left: 0.25rem solid #e5e5e5;
} }
blockquote p:last-child { blockquote p:last-child {
margin-bottom: 0; margin-bottom: 0;
@@ -219,7 +233,7 @@
} }
td, td,
th { th {
padding: .25rem .5rem; padding: 0.25rem 0.5rem;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
} }
tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) td,
@@ -227,7 +241,6 @@
background-color: #f9f9f9; background-color: #f9f9f9;
} }
/* /*
* Custom type * Custom type
* *
@@ -239,7 +252,6 @@
font-weight: 300; font-weight: 300;
} }
/* /*
* Messages * Messages
* *
@@ -254,7 +266,6 @@
background-color: #f9f9f9; background-color: #f9f9f9;
} }
/* /*
* Container * Container
* *
@@ -269,7 +280,6 @@
margin-right: auto; margin-right: auto;
} }
/* /*
* Masthead * Masthead
* *
@@ -296,7 +306,6 @@
letter-spacing: 0; letter-spacing: 0;
} }
/* /*
* Posts and pages * Posts and pages
* *
@@ -322,7 +331,7 @@
/* Meta data line below post title */ /* Meta data line below post title */
.post-date { .post-date {
display: block; display: block;
margin-top: -.5rem; margin-top: -0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
color: #9a9a9a; color: #9a9a9a;
} }
@@ -352,7 +361,6 @@
color: inherit; color: inherit;
} }
/* /*
* Pagination * Pagination
* *
@@ -404,7 +412,12 @@
} }
} }
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
padding: 0; padding: 0;
color: #a0565c; color: #a0565c;
font-size: 90%; font-size: 90%;
@@ -485,7 +498,7 @@
} }
.posts.memory-management { .posts.memory-management {
border: 2px solid #fc0 border: 2px solid #fc0;
} }
.posts.interrupts { .posts.interrupts {
@@ -513,7 +526,7 @@
} }
.no-translation { .no-translation {
margin-top: .3rem; margin-top: 0.3rem;
color: #999999; color: #999999;
} }
@@ -576,7 +589,8 @@
margin-bottom: 1rem; margin-bottom: 1rem;
} }
sup, sub { sup,
sub {
line-height: 0; line-height: 0;
} }
@@ -589,7 +603,7 @@
} }
#toc-inline summary { #toc-inline summary {
margin-bottom: .2rem; margin-bottom: 0.2rem;
} }
aside#all-posts-link { aside#all-posts-link {
@@ -614,12 +628,14 @@
line-height: 1.2; line-height: 1.2;
} }
#toc-aside li > a, #toc-aside h2 { #toc-aside li > a,
opacity: .5; #toc-aside h2 {
transition: opacity .5s; opacity: 0.5;
transition: opacity 0.5s;
} }
#toc-aside:hover li > a, #toc-aside:hover h2 { #toc-aside:hover li > a,
#toc-aside:hover h2 {
opacity: 1; opacity: 1;
} }
@@ -629,11 +645,11 @@
#toc-aside h2 { #toc-aside h2 {
font-size: 110%; font-size: 110%;
margin-bottom: .2rem; margin-bottom: 0.2rem;
} }
#toc-aside ol { #toc-aside ol {
margin: 0 0 .2rem 0; margin: 0 0 0.2rem 0;
padding: 0 0 0 1rem; padding: 0 0 0 1rem;
list-style: none; list-style: none;
} }
@@ -671,16 +687,16 @@
aside.page-aside-right h2 { aside.page-aside-right h2 {
font-size: 110%; font-size: 110%;
margin-bottom: .2rem; margin-bottom: 0.2rem;
} }
aside.page-aside-right ul { aside.page-aside-right ul {
margin: 0 0 .2rem 0; margin: 0 0 0.2rem 0;
padding: 0 0 0 1rem; padding: 0 0 0 1rem;
} }
aside.page-aside-right ul li { aside.page-aside-right ul li {
margin-top: .5rem; margin-top: 0.5rem;
} }
#language-selector li { #language-selector li {
@@ -723,8 +739,8 @@
} }
div.note { div.note {
padding: .7rem 1rem; padding: 0.7rem 1rem;
margin: 1rem .2rem; margin: 1rem 0.2rem;
border: 2px solid #6ad46a; border: 2px solid #6ad46a;
border-radius: 5px; border-radius: 5px;
background-color: #99ff991f; background-color: #99ff991f;
@@ -735,8 +751,8 @@
} }
div.warning { div.warning {
padding: .7rem 1rem; padding: 0.7rem 1rem;
margin: 1rem .2rem; margin: 1rem 0.2rem;
border: 2px solid orange; border: 2px solid orange;
border-radius: 5px; border-radius: 5px;
background-color: #ffa50022; background-color: #ffa50022;
@@ -755,16 +771,16 @@
} }
form.subscribe input { form.subscribe input {
padding: .5rem; padding: 0.5rem;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
} }
form.subscribe input[type=email] { form.subscribe input[type="email"] {
flex: 1; flex: 1;
} }
form.subscribe input[type=submit] { form.subscribe input[type="submit"] {
padding: .25rem .5rem; padding: 0.25rem 0.5rem;
cursor: pointer; cursor: pointer;
} }
@@ -772,16 +788,19 @@
aside.post_aside { aside.post_aside {
font-style: italic; font-style: italic;
padding: 0rem 1rem 0rem; padding: 0rem 1rem 0rem;
margin: .8rem 0; margin: 0.8rem 0;
border-left: .1rem solid #e5e5e5; border-left: 0.1rem solid #e5e5e5;
border-right: .1rem solid #e5e5e5; border-right: 0.1rem solid #e5e5e5;
} }
details summary { details summary {
cursor: pointer; cursor: pointer;
} }
details summary h3, details summary h4, details summary h5, details summary h6 { details summary h3,
details summary h4,
details summary h5,
details summary h6 {
display: inline; display: inline;
} }
@@ -841,7 +860,7 @@
} }
.toc-comments-link { .toc-comments-link {
margin-top: .5rem; margin-top: 0.5rem;
} }
h5 { h5 {
@@ -861,15 +880,17 @@
font-family: Vazir; font-family: Vazir;
} }
.left-to-right, .right-to-left pre, .right-to-left table, .right-to-left[id="toc-aside"] { .left-to-right,
.right-to-left pre,
.right-to-left table,
.right-to-left[id="toc-aside"] {
direction: ltr; direction: ltr;
} }
.status-update-list li { .status-update-list li {
margin-bottom: .5rem; margin-bottom: 0.5rem;
} }
.giscus { .giscus {
margin-top: 1.5rem; margin-top: 1.5rem;
} }