troldspejlet/hugo-theme-stack
troldspejlet/hugo-theme-stack
1
0
Fork 0
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2024-11-23 10:21:46 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(article): use var(--content-side-padding) in more places

Browse source
This commit is contained in:
Jimmy Cai 2020-08-24 12:17:43 +02:00
parent a1250ee75f
commit 36f53f592b
2 changed files with 15 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/scss/partials/article.scss
View file

@ -120,10 +120,6 @@
}
.article-tags {
& + .article-copyright {
margin-top: 30px;
}
a {
color: var(--accent-color-text);
background-color: var(--accent-color);

33
assets/scss/partials/layout/article.scss
View file

@ -1,5 +1,15 @@
@import "variables.scss";
:root {
--content-side-padding: 30px;
--blockquote-border-size: 4px;
--heading-border-size: 4px;
@media (max-width: $on-tablet) {
--content-side-padding: 20px;
}
}
.article-page {
.left-sidebar {
@media (max-width: $on-tablet) {
@ -53,15 +63,13 @@
}
.article-details {
padding: 30px 30px 0 30px;
@media (max-width: $on-tablet) {
padding: 20px 20px 0 20px;
}
padding: var(--content-side-padding);
padding-bottom: 0;
}
}
.article-content {
margin: 30px 0;
margin: var(--content-side-padding) 0;
line-height: 1.75;
color: var(--card-text-color-main);
@ -76,13 +84,10 @@
}
.article-footer {
padding: 30px;
@media (max-width: $on-phone) {
padding: 20px;
}
padding: var(--content-side-padding);
.article-copyright {
margin-top: var(--content-side-padding);
color: var(--card-text-color-tertiary);
text-transform: uppercase;
display: flex;
@ -202,14 +207,6 @@
}
.article-content {
--content-side-padding: 30px;
--blockquote-border-size: 4px;
--heading-border-size: 4px;
@media (max-width: $on-tablet) {
--content-side-padding: 20px;
}
font-family: var(--article-font-family);
p {