added discrete card style mode option
This commit is contained in:
parent
6ad7b2ee75
commit
a91a0af75a
6 changed files with 26 additions and 5 deletions
|
|
@ -4,6 +4,7 @@ $dim_fg_color: {{ .Site.Params.dimForegroundColor | default "#bababa" }};
|
|||
$stroke_color: {{ .Site.Params.strokeColor | default "#4f4f4f" }};
|
||||
$accent_color: {{ .Site.Params.accentColor | default "#db5793" }};
|
||||
$main_font: {{ .Site.Params.fontFamily | default "JetBrains Mono" }};
|
||||
$highlight_bg_color: {{ .Site.Params.highlightBgColor | default "#34363b" }};
|
||||
|
||||
::selection, ::-moz-selection {
|
||||
background: $accent_color;
|
||||
|
|
@ -22,6 +23,10 @@ body, html {
|
|||
color: $fg_color;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $fg_color;
|
||||
text-decoration: none;
|
||||
|
|
@ -167,7 +172,7 @@ pre code {
|
|||
line-height: 40px;
|
||||
padding: auto;
|
||||
border-radius: 100%;
|
||||
background-color: rgba($dim_fg_color, .4);
|
||||
background-color: $highlight_bg_color;
|
||||
color: $fg_color;
|
||||
}
|
||||
span {
|
||||
|
|
@ -227,6 +232,19 @@ h1, h2, h3, h4, h5, h6 {
|
|||
hr {
|
||||
margin: 50px 0;
|
||||
}
|
||||
|
||||
&.discrete {
|
||||
background: $highlight_bg_color;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// only hide hr in cards if they are in the article list
|
||||
// cards in list are divs, cards as in full-blown articles use the article tag
|
||||
div.card.discrete {
|
||||
hr { display: none; }
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue