ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-14 08:35:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

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

@ -68,17 +68,24 @@
.navbar{ .navbar{
background-color: #1a1a1a !important; background-color: #1a1a1a !important;
height: 5vw; height: 10vw;
border-bottom: 2px solid #949494; border-bottom: 2px solid #949494;
}
.navbar-brand{
padding-top: 0px !important; padding-top: 0px !important;
padding-bottom: 0px !important; padding-bottom: 0px !important;
} }
.navbar-brand{
padding-top:0px;
padding-bottom: 0px;
}
.container-fluid{
background: none !important;
}
.nav-logo{ .nav-logo{
width: 4.9vw; width: 9.8vw;
top:0px !important;
} }
.nav-logo:hover{ .nav-logo:hover{
@ -130,3 +137,48 @@
font-size: 1.2vw; 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"); src: url("/fonts/Sono-Light.woff2");
} }
h1,h2,h3,h4,h5,h6,p,.lead{
hyphens: auto;
}
h1{ h1{
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif;
color:#00ffd0; color:#00ffd0;
@ -84,9 +88,9 @@ li{
@media only screen and (min-width: 992px) and (max-width: 1200px) { @media only screen and (min-width: 992px) and (max-width: 1200px) {
h1{ h1{
font-size: 11.5vw; font-size: 14vw;
line-height: 12.4vw; line-height: 15vw;
margin-top: -1.116vw; margin-top: -0.3vw;
margin-left: -0.837vw; margin-left: -0.837vw;
} }
@ -200,7 +204,7 @@ li{
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
h1{ h1{
font-size: 8rem; font-size: 20vw;
line-height: 8rem; line-height: 8rem;
} }