mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-06-08 03:13:13 +00:00
Logo support slowly coming
Fixing CSS typos Fixing alert typos
This commit is contained in:
parent
26ddca3e6c
commit
2ef5b6d54a
7 changed files with 60 additions and 9 deletions
22
css/main.css
22
css/main.css
|
@ -82,8 +82,16 @@ nav .btn {
|
|||
justify-content: space-around;
|
||||
margin: 0;
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 22px;
|
||||
display: block;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.69rem;
|
||||
}
|
||||
.nav-name img {
|
||||
margin: 0 0.5rem 0 0;
|
||||
padding: 0;
|
||||
width: 1.69rem;
|
||||
height: 1.69rem;
|
||||
display: inline;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
|
@ -1131,6 +1139,13 @@ a.btn {
|
|||
background-image: linear-gradient(120deg, rgba(140, 151, 125, 0.3), rgba(21, 21, 21, 0));
|
||||
}
|
||||
|
||||
.alert-box > * {
|
||||
margin: 0 0 0.5rem 0;
|
||||
}
|
||||
.alert-box > *:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
|-------------------------------------------------------------
|
||||
| BADGES
|
||||
|
@ -1141,10 +1156,11 @@ a.btn {
|
|||
box-sizing: border-box;
|
||||
padding: 0.2em 0.4em;
|
||||
border: #121212 0.2rem solid;
|
||||
border-radius: 0.4rem;
|
||||
border-radius: 3px;
|
||||
color: #E8E3E3;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
font-family: "Secular One", sans-serif;
|
||||
line-height: 1;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
|
|
|
@ -196,6 +196,16 @@ a.btn {
|
|||
background-image: linear-gradient(120deg, rgba($page-accent, 0.3), rgba($bg, 0));
|
||||
}
|
||||
|
||||
.alert-box {
|
||||
> * {
|
||||
margin: 0 0 0.5rem 0;
|
||||
}
|
||||
|
||||
> *:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|-------------------------------------------------------------
|
||||
| BADGES
|
||||
|
@ -216,14 +226,15 @@ a.btn {
|
|||
//margin: 0 0.25rem;
|
||||
padding: 0.2em 0.4em;
|
||||
border: $black $border-thickness solid;
|
||||
@if $rad <= 0 {
|
||||
border-radius: 3px;
|
||||
@if calc($rad - 0.5rem) > 0 {
|
||||
border-radius: calc($rad - 0.3rem);
|
||||
} @else {
|
||||
border-radius: $rad;
|
||||
border-radius: 3px;
|
||||
}
|
||||
color: $fg;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
font-family: $font-body;
|
||||
line-height: 1;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
|
|
|
@ -48,9 +48,26 @@ nav {
|
|||
|
||||
font-family: $font-header;
|
||||
|
||||
font-size: 22px;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.69rem;
|
||||
|
||||
display: block;
|
||||
img {
|
||||
margin: 0 0.5rem 0 0;
|
||||
padding: 0;
|
||||
|
||||
width: 1.69rem;
|
||||
height: 1.69rem;
|
||||
|
||||
//vertical-align: middle;
|
||||
|
||||
display: inline;
|
||||
|
||||
@if calc($rad - 0.5rem) > 0 {
|
||||
border-radius: calc($rad - 0.3rem);
|
||||
} @else {
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue