m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-01-03 18:35:07 +01:00
Code

shadow tweak

Browse Source
This commit is contained in:
Matthias Kretschmann 2021-03-06 03:36:13 +01:00
parent 4c963dcd16
commit 7ddf3c75a1
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/atoms/Exif.module.css
View File

@ -14,10 +14,10 @@
.data span { .data span {
display: block; display: block;
flex: 1 1 20%; flex: 1 1 auto;
white-space: nowrap; white-space: nowrap;
padding: var(--spacer); padding: var(--spacer) calc(var(--spacer) / 1.5);
border-bottom: 1px dashed var(--text-color-dimmed); border-bottom: 1px dashed var(--border-color);
} }
.data span svg { .data span svg {
@ -37,16 +37,12 @@
} }
.data span { .data span {
border-left: 1px dashed var(--text-color-dimmed); border-left: 1px dashed var(--border-color);
border-bottom: 0; border-bottom: 0;
} }
.data span,
.data span:first-child {
flex: 1 1 auto;
}
.data span:first-child { .data span:first-child {
flex-basis: auto;
border-left: 0; border-left: 0;
} }
} }

6
src/components/atoms/Image.module.css
View File

@ -23,11 +23,7 @@
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
border-radius: var(--border-radius); border-radius: var(--border-radius);
overflow: hidden; overflow: hidden;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1), 0 5px 16px rgba(0, 0, 0, 0.05); box-shadow: var(--box-shadow);
}
:global(.dark) .frame {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 16px rgba(0, 0, 0, 0.1);
} }
.image { .image {

3
src/global/_variables.css
View File

@ -22,6 +22,9 @@
--body-background-color: var(--brand-light); --body-background-color: var(--brand-light);
--box-background-color: rgba(255, 255, 255, 0.4); --box-background-color: rgba(255, 255, 255, 0.4);
--box-shadow: 0 1.3px 5.4px rgba(0, 0, 0, 0.1),
0 4.5px 18.1px rgba(0, 0, 0, 0.06), 0 20px 81px rgba(0, 0, 0, 0.04);
/* Text Colors /* Text Colors
///////////////////////////////////// */ ///////////////////////////////////// */