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

Less shadows, more edge highlights

Browse Source 
Use shadows only for "heavy" elements like nav, images and disclaimers, don't use for details tho since it looks dirty
This commit is contained in:
daudix
2024-02-15 23:50:21 +03:00
parent 592a486148
commit fa15ebf4c9
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
sass/_main.scss
View File

@ -186,7 +186,7 @@ aside {
backdrop-filter: var(--blur); backdrop-filter: var(--blur);
background-color: var(--primary-color-alpha); background-color: var(--primary-color-alpha);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
box-shadow: var(--shadow); box-shadow: var(--edge-highlight);
float: right; float: right;
margin-inline-start: 1rem; margin-inline-start: 1rem;
padding: 1rem; padding: 1rem;
@ -223,7 +223,7 @@ pre {
margin: 1rem 0 1rem; margin: 1rem 0 1rem;
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
max-width: 100vw; max-width: 100vw;
box-shadow: var(--shadow); box-shadow: var(--edge-highlight), var(--shadow);
overflow: auto; overflow: auto;
table td { table td {
@ -238,10 +238,10 @@ pre {
} }
mark { mark {
display: block;
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
color: var(--fg-color); // Unset mark color from primary color to text color
border-radius: 0; // Unset code block border radius border-radius: 0; // Unset code block border radius
color: var(--fg-color); // Unset mark color from primary color to text color
display: block;
padding: 0; // Unset mark padding padding: 0; // Unset mark padding
} }
@ -282,6 +282,7 @@ mark {
backdrop-filter: var(--blur); backdrop-filter: var(--blur);
background-color: var(--primary-color-alpha); background-color: var(--primary-color-alpha);
border-radius: var(--rounded-corner-small); border-radius: var(--rounded-corner-small);
box-shadow: var(--edge-highlight);
color: var(--primary-color); color: var(--primary-color);
padding: 0.125rem 0.375rem; padding: 0.125rem 0.375rem;
} }
@ -298,7 +299,6 @@ details {
backdrop-filter: var(--blur); backdrop-filter: var(--blur);
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
box-shadow: var(--shadow);
padding: 1rem; padding: 1rem;
& > summary { & > summary {