ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-10 15:05:16 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Additional styling

Browse source
This commit is contained in:
Thomas Smith 2022-09-20 18:38:48 -04:00
parent 3eb09aafb5
commit 8651b3014a
2 changed files with 67 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
src/static/css/navbar.css
View file

@ -28,7 +28,7 @@
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
div.container-fluid.top-nav{
padding-left: 0px !important;
}
@ -68,17 +68,24 @@
.navbar{
background-color: #1a1a1a !important;
height: 5vw;
height: 10vw;
border-bottom: 2px solid #949494;
}
.navbar-brand{
padding-top:0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.navbar-brand{
padding-top:0px;
padding-bottom: 0px;
}
.container-fluid{
background: none !important;
}
.nav-logo{
width: 4.9vw;
width: 9.8vw;
top:0px !important;
}
.nav-logo:hover{
@ -130,3 +137,48 @@
font-size: 1.2vw;
}
}
@media only screen and (max-width: 576px) {
html, body {
max-width: 100%;
overflow-x: hidden;
}
div.container-fluid.top-nav{
padding-left: 0px !important;
}
.navbar{
background-color: #1a1a1a !important;
height: 11vw;
border-bottom: 2px solid #949494;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.navbar-brand{
padding-top:0px;
padding-bottom: 0px;
}
.container-fluid{
background: none !important;
}
.nav-logo{
width: 10.7vw;
top:0px !important;
}
.nav-logo:hover{
transform: scale(0.9);
}
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 1.2vw;
}
}

12
src/static/css/typography.css
View file

@ -8,6 +8,10 @@
src: url("/fonts/Sono-Light.woff2");
}
h1,h2,h3,h4,h5,h6,p,.lead{
hyphens: auto;
}
h1{
font-family: "pp-neue-machina", sans-serif;
color:#00ffd0;
@ -84,9 +88,9 @@ li{
@media only screen and (min-width: 992px) and (max-width: 1200px) {
h1{
font-size: 11.5vw;
line-height: 12.4vw;
margin-top: -1.116vw;
font-size: 14vw;
line-height: 15vw;
margin-top: -0.3vw;
margin-left: -0.837vw;
}
@ -200,7 +204,7 @@ li{
@media only screen and (max-width: 576px) {
h1{
font-size: 8rem;
font-size: 20vw;
line-height: 8rem;
}