ae/nostyleplease
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(css): improve ordering and structure of main.scss

Browse Source
This commit is contained in:
Hanwen Guo 2024-11-30 22:25:42 -07:00
parent 3eebadc000
commit 8479b74d07
1 changed files with 33 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
assets/css/main.scss
View File

@ -6,25 +6,19 @@
a { a {
color: $--link-color; color: $--link-color;
text-decoration: none;
&:visited { color: $--visited-link-color; } &:visited { color: $--visited-link-color; }
&:hover { text-decoration: underline; }
} }
details { details {
border: thin solid $--primary-text-color; border: thin solid $--primary-text-color;
padding: 1rem;
} }
details summary { details summary {
color: $--primary-text-color; color: $--primary-text-color;
text-decoration: none;
} }
details[open] summary { details[open] summary {
border-bottom: 1px solid $--primary-text-color; border-bottom: 1px solid $--primary-text-color;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
} }
pre { pre {
@ -89,33 +83,21 @@ body {
overflow-wrap: break-word; overflow-wrap: break-word;
} }
.post-meta {
display: flex;
justify-content: space-between;
align-items: center;
}
h2, h3, h4, h5, h6 { margin-top: 0.5rem; } h2, h3, h4, h5, h6 { margin-top: 0.5rem; }
hr { margin: 2rem 0; }
p { margin: 1rem 0; } p { margin: 1rem 0; }
li { margin: 0.4rem 0; } li { margin: 0.4rem 0; }
.w { a {
max-width: 640px; text-decoration: none;
margin: 0 auto; &:hover { text-decoration: underline; }
padding: 4rem 2rem;
}
.toc {
padding: 1rem;
} }
hr { hr {
text-align: center; text-align: center;
border: 0; border: 0;
margin: 2rem 0;
&:before { content: '/////' } &:before { content: '/////' }
&:after { content: attr(data-content) '/////' } &:after { content: attr(data-content) '/////' }
@ -169,3 +151,32 @@ figcaption {
text-align: center; text-align: center;
opacity: 0.5; opacity: 0.5;
} }
details {
padding: 1rem;
}
details summary {
text-decoration: none;
}
details[open] summary {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.post-meta {
display: flex;
justify-content: space-between;
align-items: center;
}
.w {
max-width: 640px;
margin: 0 auto;
padding: 4rem 2rem;
}
.toc {
padding: 1rem;
}