add: replace 1.5em with variables
This commit is contained in:
parent
4655d3e4ac
commit
a7fb20a7ed
@ -4,7 +4,6 @@
|
|||||||
|
|
||||||
--card-color: #2e2e33;
|
--card-color: #2e2e33;
|
||||||
--card-border-color: #333333;
|
--card-border-color: #333333;
|
||||||
--card-border-radius: 0.5em;
|
|
||||||
|
|
||||||
--link-color:#599ada;
|
--link-color:#599ada;
|
||||||
--link-state-color:#ff5858;
|
--link-state-color:#ff5858;
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
--card-color: #fafafa;
|
--card-color: #fafafa;
|
||||||
--card-border-color: #eeeeee;
|
--card-border-color: #eeeeee;
|
||||||
--card-border-radius: 0.5em;
|
|
||||||
|
|
||||||
--link-color:#1d60a3;
|
--link-color:#1d60a3;
|
||||||
--link-state-color:rgb(163, 29, 29);
|
--link-state-color:rgb(163, 29, 29);
|
||||||
|
@ -30,6 +30,12 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
/* Basic */
|
/* Basic */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--card-border-radius: 0.5em;
|
||||||
|
--card-margin: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
/* 1 */
|
/* 1 */
|
||||||
@ -280,12 +286,13 @@ header h2 {
|
|||||||
|
|
||||||
header nav:not(:empty){
|
header nav:not(:empty){
|
||||||
background: var(--nav-bg-color);
|
background: var(--nav-bg-color);
|
||||||
margin-top: 1em;
|
margin-top: var(--card-margin);
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0;
|
||||||
border: 1px solid var(--card-border-color);
|
border: 1px solid var(--card-border-color);
|
||||||
border-radius: var(--card-border-radius);
|
border-radius: var(--card-border-radius);
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header nav a {
|
header nav a {
|
||||||
@ -343,7 +350,7 @@ main h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
article:not(:last-of-type) {
|
article:not(:last-of-type) {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: var(--card-margin);
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-short-list:first-of-type {
|
.post-short-list:first-of-type {
|
||||||
@ -408,19 +415,19 @@ article:not(:last-of-type) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.post-title.favorite::after {
|
.post-title.favorite::after {
|
||||||
content: "☆";
|
content: "🌟";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 0.2em;
|
margin-left: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-title.draft::after {
|
.post-title.draft::after {
|
||||||
content: "✎";
|
content: "✏️";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 0.2em;
|
margin-left: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-title.favorite.draft::after {
|
.post-title.favorite.draft::after {
|
||||||
content: "☆ ✎";
|
content: "🌟 ✏️";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 0.2em;
|
margin-left: 0.2em;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user