added discrete card style mode option

This commit is contained in:
Gabriele Musco 2021-01-05 09:38:10 +01:00
parent 6ad7b2ee75
commit a91a0af75a
No known key found for this signature in database
GPG key ID: 8539FD3454380B83
6 changed files with 26 additions and 5 deletions

View file

@ -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 {