shiloh/duckling
1
0
Fork 0
forked from david-swift/duckling
Code Pull Requests 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
No known key found for this signature in database
GPG Key ID: 93ECF15D3053D81C
1 changed files with 5 additions and 5 deletions
Show Stats 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 {