refactor(scss): rename --content-padding to --card-padding

closes https://github.com/CaiJimmy/hugo-theme-stack/issues/16
This commit is contained in:
Jimmy Cai 2020-09-20 19:03:41 +02:00
parent 9d76ab371f
commit 02f2badffc
No known key found for this signature in database
GPG Key ID: 3EA408E527F37B18
5 changed files with 19 additions and 19 deletions

View File

@ -53,7 +53,7 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding: var(--content-padding); padding: var(--card-padding);
} }
.article-category { .article-category {

View File

@ -2,5 +2,5 @@
background-color: var(--card-background); background-color: var(--card-background);
box-shadow: var(--shadow-l1); box-shadow: var(--shadow-l1);
border-radius: var(--card-border-radius); border-radius: var(--card-border-radius);
padding: var(--content-padding); padding: var(--card-padding);
} }

View File

@ -64,13 +64,13 @@
} }
.article-details { .article-details {
padding: var(--content-padding); padding: var(--card-padding);
padding-bottom: 0; padding-bottom: 0;
} }
} }
.article-content { .article-content {
margin: var(--content-padding) 0; margin: var(--card-padding) 0;
color: var(--card-text-color-main); color: var(--card-text-color-main);
img { img {
@ -80,11 +80,11 @@
} }
.article-footer { .article-footer {
padding: var(--content-padding); padding: var(--card-padding);
padding-top: 0; padding-top: 0;
section:not(:first-child) { section:not(:first-child) {
margin-top: var(--content-padding); margin-top: var(--card-padding);
} }
section { section {
@ -192,7 +192,7 @@
& > p { & > p {
margin: 1.5em 0; margin: 1.5em 0;
padding: 0 var(--content-padding); padding: 0 var(--card-padding);
} }
h1, h1,
@ -201,7 +201,7 @@
h4, h4,
h5, h5,
h6 { h6 {
padding: 0 calc(var(--content-padding) - var(--heading-border-size)); padding: 0 calc(var(--card-padding) - var(--heading-border-size));
border-left: var(--heading-border-size) solid var(--accent-color); border-left: var(--heading-border-size) solid var(--accent-color);
} }
@ -219,13 +219,13 @@
position: relative; position: relative;
margin: 10px 0; margin: 10px 0;
border-left: var(--blockquote-border-size) solid var(--card-separator-color); border-left: var(--blockquote-border-size) solid var(--card-separator-color);
padding: 15px calc(var(--content-padding) - var(--blockquote-border-size)); padding: 15px calc(var(--card-padding) - var(--blockquote-border-size));
background-color: var(--blockquote-background-color); background-color: var(--blockquote-background-color);
} }
& > ul, & > ul,
& > ol { & > ol {
margin: 1em var(--content-padding); margin: 1em var(--card-padding);
} }
hr { hr {
@ -270,7 +270,7 @@
font-family: var(--code-font-family); font-family: var(--code-font-family);
line-height: 1.428571429; line-height: 1.428571429;
word-break: break-all; word-break: break-all;
padding: var(--content-padding); padding: var(--card-padding);
code { code {
color: unset; color: unset;
@ -281,9 +281,9 @@
} }
table { table {
margin: 0 var(--content-padding); margin: 0 var(--card-padding);
width: 100%; width: 100%;
max-width: calc(100% - var(--content-padding) * 2); max-width: calc(100% - var(--card-padding) * 2);
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
margin-bottom: 1.5em; margin-bottom: 1.5em;

View File

@ -54,12 +54,12 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;
--card-border-radius: 10px; --card-border-radius: 10px;
--content-padding: 30px; --card-padding: 30px;
@media (max-width: $on-desktop-large) { @media (max-width: $on-desktop-large) {
--content-padding: 25px; --card-padding: 25px;
} }
@media (max-width: $on-tablet) { @media (max-width: $on-tablet) {
--content-padding: 20px; --card-padding: 20px;
} }
--small-card-padding: 25px; --small-card-padding: 25px;

File diff suppressed because one or more lines are too long