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

h1 and havbar height large screen sizes

Browse source
This commit is contained in:
Thomas Smith 2022-09-19 13:59:03 -04:00
parent b531d961c1
commit c823cfc33e
2 changed files with 53 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/page/style-guide.html
View file

@ -22,8 +22,8 @@
.style-guide-container{ .style-guide-container{
background-image: url("/Images/x-large-grid.svg"); background-image: url("/Images/x-large-grid.svg");
background-attachment: fixed; background-attachment: fixed;
background-repeat: repeat-y; background-repeat: repeat;
background-size: cover; background-size: contain;
} }
} }
@ -34,7 +34,7 @@
background-image: url("/Images/large-grid.svg"); background-image: url("/Images/large-grid.svg");
background-attachment: fixed; background-attachment: fixed;
background-position: top; background-position: top;
background-repeat: repeat-y; background-repeat: repeat;
background-size: contain; background-size: contain;
} }

56
src/static/css/style.css
View file

@ -36,28 +36,58 @@ body{
/* Navbar General */ /* Navbar General */
div.container-fluid.top-nav{ @media only screen and (min-width: 1200px) {
padding-left: 0px !important;
}
.navbar{ div.container-fluid.top-nav{
padding-left: 0px !important;
}
.navbar{
background-color: #1a1a1a !important; background-color: #1a1a1a !important;
height: 4.5vw; height: 4.5vw;
border-bottom: 2px solid #949494; border-bottom: 2px solid #949494;
} }
.nav-logo{ .nav-logo{
width: 4.4vw; width: 4.4vw;
} }
.nav-logo:hover{ .nav-logo:hover{
transform: scale(0.9); transform: scale(0.9);
} }
.nav-item{ .nav-item{
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase; text-transform: uppercase;
font-size: .8vw; font-size: .8vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
div.container-fluid.top-nav{
padding-left: 0px !important;
}
.navbar{
background-color: #1a1a1a !important;
height: 5vw;
border-bottom: 2px solid #949494;
}
.nav-logo{
width: 4.4vw;
}
.nav-logo:hover{
transform: scale(0.9);
}
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: .8vw;
}
} }
/* Brand Colors */ /* Brand Colors */
@ -161,9 +191,9 @@ li{
@media only screen and (min-width: 768px) and (max-width: 1200px) { @media only screen and (min-width: 768px) and (max-width: 1200px) {
h1{ h1{
font-size: 10.2rem; font-size: 14vw;
line-height: 11rem; line-height: 15vw;
margin-top: 3vw; margin-top: -0.3vw;
margin-left: -0.837vw; margin-left: -0.837vw;
} }