Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-06-25 19:16:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sass fixy

Browse source
This commit is contained in:
Michał Gdula 2022-09-26 20:37:26 +00:00
parent d767bf0582
commit 96f3e53b2a
8 changed files with 47 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

13
css/main.css
View file

@ -33,7 +33,7 @@ nav {
background-color: #151515;
color: #E8E3E3;
border-radius: 0.4rem;
border: 0.2rem solid #8C977D;
border: #8C977D 0.2rem solid;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
display: flex;
flex-direction: row;
@ -109,7 +109,7 @@ nav .btn {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border: none;
border-top: 3px solid #8C977D;
border-top: #8C977D 0.2rem solid;
border-radius: 0;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
@ -153,7 +153,7 @@ nav .btn {
background-color: #151515;
color: #E8E3E3;
border-radius: 0.4rem;
border: 0.2rem solid #8C977D;
border: #8C977D 0.2rem solid;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
}
@ -161,7 +161,7 @@ nav .btn {
background-color: #151515;
color: #E8E3E3;
border-radius: 0.4rem;
border: 0.2rem solid #B66467;
border: #B66467 0.2rem solid;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
}
@ -516,6 +516,9 @@ nav .btn {
.group-description a:hover {
color: #8C977D;
}
.group-description .btn:hover {
color: #E8E3E3;
}
.group-cover {
height: 100%;
@ -871,7 +874,7 @@ nav .btn {
}
.perm {
border-left: #B66467 0.2rem solid;
border-left: #8C977D 0.2rem solid;
}
.ban:first-of-type {

14
css/scss/_body.scss
View file

@ -424,6 +424,10 @@
color: $page-accent;
}
}
.btn:hover {
color: $fg;
}
}
.group-cover {
@ -452,7 +456,7 @@
z-index: +1;
border-radius: calc($rad - 0.2rem);
border-radius: calc($rad - $border-thickness);
}
img {
@ -463,7 +467,7 @@
margin-left: auto;
border-radius: calc($rad - 0.2rem);
border-radius: calc($rad - $border-thickness);
}
}
@ -621,7 +625,7 @@
transform: translateX(-50%);
border-radius: $rad;
border: $page-accent 0.2rem solid;
border: $border;
background-color: $bg;
}
@ -846,7 +850,7 @@
}
}
.perm {
border-left: $red 0.2rem solid;
border-left: $border;
}
.ban:first-of-type {
background-color: $bg;
@ -907,7 +911,7 @@
}
}
.is-admin {
border-left: $page-accent 0.2rem solid;
border-left: $border;
}
.user:first-of-type {
background-color: $bg;

4
css/scss/_mixin.scss
View file

@ -1,9 +1,9 @@
@mixin defaultDecoration($border) {
@mixin defaultDecoration($border-colour) {
background-color: $bg;
color: $fg;
border-radius: $rad;
border: 0.2rem solid $border;
border: $border-colour $border-thickness solid;
box-shadow: $shadow;
}

2
css/scss/_navigation.scss
View file

@ -88,7 +88,7 @@ nav {
backdrop-filter: blur(8px);
border: none;
border-top: 3px solid $green;
border-top: $border;
border-radius: 0;
backdrop-filter: blur(16px);

3
css/scss/_variables.scss
View file

@ -14,6 +14,9 @@ $page-accent: #8C977D;
$shadow: 6px 6px 2px #15151566;
$rad: 0.4rem;
$border-thickness: 0.2rem;
$border: $page-accent $border-thickness solid;
$weight-bold: 621;
$weight-normal: 400;