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