Etheryo/etheryo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactoring: new css variable "--shadow" because redundant.

Browse source
This commit is contained in:
Yohan Boujon 2025-04-06 22:36:38 +02:00
parent edecb33754
commit 3b250c5b4f
12 changed files with 23 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/css/archive.css
View file

@ -2,7 +2,7 @@
border-radius: 1rem; border-radius: 1rem;
color: var(--color-text); color: var(--color-text);
background-image: var(--background-light); background-image: var(--background-light);
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
} }
.archive { .archive {

2
src/lib/css/article.css
View file

@ -19,7 +19,7 @@
background-image: linear-gradient(to right, var(--navbar-dark) 0%, var(--navbar-light) 100%); background-image: linear-gradient(to right, var(--navbar-dark) 0%, var(--navbar-light) 100%);
border-bottom-left-radius: 2rem; border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem; border-bottom-right-radius: 2rem;
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
} }
.article-banner-content { .article-banner-content {

1
src/lib/css/base.css
View file

@ -42,6 +42,7 @@ h2 {
--background-light: linear-gradient(180deg, rgba(248, 241, 241, 1) 0%, rgba(15, 11, 17, 0.1) 100%); --background-light: linear-gradient(180deg, rgba(248, 241, 241, 1) 0%, rgba(15, 11, 17, 0.1) 100%);
--background-dark: linear-gradient(180deg, rgba(248, 241, 241, 1) 0%, rgba(224, 217, 217, 1) 100%); --background-dark: linear-gradient(180deg, rgba(248, 241, 241, 1) 0%, rgba(224, 217, 217, 1) 100%);
--shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
--z-index-last: -1; --z-index-last: -1;
--z-index-normal: 0; --z-index-normal: 0;

2
src/lib/css/count.css
View file

@ -5,7 +5,7 @@
margin-left: 1rem; margin-left: 1rem;
margin-right: 1rem; margin-right: 1rem;
background-image: var(--background-light); background-image: var(--background-light);
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
border-radius: 1rem; border-radius: 1rem;
} }

2
src/lib/css/cover-img.css
View file

@ -55,5 +55,5 @@
object-fit: cover; object-fit: cover;
border-bottom-left-radius: 2rem; border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem; border-bottom-right-radius: 2rem;
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
} }

2
src/lib/css/git.css
View file

@ -94,6 +94,6 @@
transform: translateY(1rem); transform: translateY(1rem);
padding: 0.8rem; padding: 0.8rem;
border-radius: 1rem; border-radius: 1rem;
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
opacity: 0.8; opacity: 0.8;
} }

11
src/lib/css/hover-card.css Normal file
View file

@ -0,0 +1,11 @@
.hover-card-picture {
width: var(--content-3-width);
height: var(--content-3-width);
margin: 1rem;
}
.hover-card-picture img {
width: 100%;
height: 100%;
object-fit: cover;
}

2
src/lib/css/overlay.css
View file

@ -19,7 +19,7 @@
.overlay-front { .overlay-front {
grid-area: overlay; grid-area: overlay;
background-image: var(--background-light); background-image: var(--background-light);
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
border-radius: 1rem; border-radius: 1rem;
} }

2
src/lib/css/post-min.css vendored
View file

@ -74,7 +74,7 @@
.post-min-overlay-front { .post-min-overlay-front {
grid-area: overlay; grid-area: overlay;
background-image: var(--background-light); background-image: var(--background-light);
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
border-radius: 1rem; border-radius: 1rem;
} }

2
src/lib/css/post.css
View file

@ -41,7 +41,7 @@
grid-area: overlay; grid-area: overlay;
background-image: var(--background-light); background-image: var(--background-light);
border-radius: 1rem; border-radius: 1rem;
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
} }
.post-overlay-back { .post-overlay-back {

2
src/lib/css/profile/base.css
View file

@ -131,6 +131,6 @@
.profile-content { .profile-content {
padding: 3rem; padding: 3rem;
border-radius: 1rem; border-radius: 1rem;
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
background-image: var(--background-light); background-image: var(--background-light);
} }

4
src/lib/css/search.css
View file

@ -1,7 +1,7 @@
.search { .search {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
border-radius: 5rem; border-radius: 5rem;
background-color: var(--color-background); background-color: var(--color-background);
margin: 0 !important; margin: 0 !important;
@ -37,7 +37,7 @@
width: inherit; width: inherit;
height: 16rem; height: 16rem;
background-color: var(--color-background); background-color: var(--color-background);
box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; box-shadow: var(--shadow);
border-radius: 1rem; border-radius: 1rem;
position: absolute !important; position: absolute !important;
z-index: 1; z-index: 1;