hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fancier hr, goatcounter analytics, simplify bg-color variable, add default value for the locale setting

Browse Source
This commit is contained in:
David Lapshin
2024-05-16 17:20:34 +03:00
parent bcabba7a64
commit a108cc7501
6 changed files with 35 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
sass/_main.scss
View File

@ -62,8 +62,7 @@ body {
// LAYOUT
.container {
margin-right: auto;
margin-left: auto;
margin: 0 auto;
width: min(var(--container-width), 90%);
}
@ -125,9 +124,20 @@ dl {
hr {
margin: 2rem auto;
border: 0;
border-top: 1px solid var(--fg-muted-2);
width: 100%;
border: none;
border-top: 3px double var(--fg-muted-2);
overflow: visible;
color: var(--fg-muted-4);
font-size: 1.5rem;
text-align: center;
&::after {
position: relative;
top: -1.5rem;
background: var(--bg-color);
padding: 0 0.25rem;
content: "☙❧";
}
}
blockquote {

6
sass/_variables.scss
View File

@ -1,6 +1,6 @@
:root {
// COLORS
--bg-color: var(--bg-color-l);
--bg-color: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), var(--primary-color);
--fg-color: rgba(0, 0, 0, 0.8);
--fg-muted-1: rgba(0, 0, 0, 0.05);
--fg-muted-2: rgba(0, 0, 0, 0.1);
@ -21,8 +21,6 @@
// VARIABLES
--active: 0.9;
--bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), var(--primary-color);
--bg-color-l: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), var(--primary-color);
--blur: saturate(180%) blur(10px);
--container-width: 720px;
--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);
@ -39,7 +37,7 @@
@media (prefers-color-scheme: dark) {
// COLORS
--bg-color: var(--bg-color-d);
--bg-color: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), var(--primary-color);
--fg-color: rgb(255, 255, 255);
--fg-muted-1: rgba(255, 255, 255, 0.05);
--fg-muted-2: rgba(255, 255, 255, 0.1);