mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-06-10 04:13:11 +00:00
Nav changes
This commit is contained in:
parent
7f2e01a7f1
commit
fbbc953ba6
5 changed files with 15 additions and 10 deletions
13
css/main.css
13
css/main.css
|
@ -51,6 +51,9 @@ nav {
|
|||
padding: 0.5rem;
|
||||
width: calc(100% - 1.4rem);
|
||||
height: auto;
|
||||
background-color: rgba(21, 21, 21, 0.7333333333);
|
||||
-webkit-backdrop-filter: blur(69px) saturate(100%) brightness(100%);
|
||||
backdrop-filter: blur(69px) saturate(100%) brightness(100%);
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
z-index: 99;
|
||||
|
@ -117,9 +120,6 @@ nav .btn {
|
|||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(21, 21, 21, 0.7333333333);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
backdrop-filter: blur(8px);
|
||||
border: none;
|
||||
border-top: #8C977D 0.2rem solid;
|
||||
border-radius: 0;
|
||||
|
@ -410,8 +410,8 @@ nav .btn {
|
|||
min-height: 30vh;
|
||||
display: flex;
|
||||
background-color: rgba(21, 21, 21, 0.7333333333);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
backdrop-filter: blur(8px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 0.4rem;
|
||||
transition: max-height 0.15s cubic-bezier(0.19, 1, 0.22, 1);
|
||||
}
|
||||
|
@ -1075,16 +1075,19 @@ a.btn {
|
|||
|
||||
.btn-bad {
|
||||
background-color: #B66467;
|
||||
background-image: linear-gradient(to top, #ae5356, #B66467);
|
||||
/*color: darken($warning, 40%);*/
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
background-color: #D8A657;
|
||||
background-image: linear-gradient(to top, #d39b42, #D8A657);
|
||||
/*color: darken($warning, 40%);*/
|
||||
}
|
||||
|
||||
.btn-good {
|
||||
background-color: #8C977D;
|
||||
background-image: linear-gradient(to top, #7f8b6f, #8C977D);
|
||||
/*color: darken($warning, 40%);*/
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue