Moved footer css over to separate file.

This commit is contained in:
Thomas Smith 2022-09-21 18:24:16 -04:00
parent 029136a413
commit 7be3d2209c
3 changed files with 73 additions and 73 deletions

View file

@ -52,6 +52,7 @@
<link rel="stylesheet" href="/css/typography.css">
<link rel="stylesheet" href="/css/navbar.css">
<link rel="stylesheet" href="/css/generative-art.css">
<link rel="stylesheet" href="/css/footer.css">
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap" rel="stylesheet">
<link href="https://file.myfontastic.com/Fd33ifaooDVpESwnDXETgR/icons.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">

72
src/static/css/footer.css Normal file
View file

@ -0,0 +1,72 @@
/* Footer Styling */
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.social-box{
border-radius: 0px !important;
border: 2px solid #949494;
background-color: none;
}
.list-group{
border-radius: 0px !important;
}
.list-group-item{
background-color: #1a1a1a !important;
padding: 1.116vw;
font-size: 1.562vw;
color: #fff;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
border-bottom: 2px solid #949494;
transition: 0.2s ease-in-out;
}
.list-group-item:hover{
padding-left: 2.232vw;
background-color: #00ffd0 !important;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
color: #1a1a1a !important;
}
.footer-content{
padding-right: 5.580vw;
}
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
.social-icon{
margin-right: 1.116vw !important;
position: relative;
top: 0.167vw;
}

View file

@ -135,76 +135,3 @@ hr{
background-repeat: repeat-y;
background-size: cover;
}
/* Footer Styling */
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.social-box{
border-radius: 0px !important;
border: 2px solid #949494;
background-color: none;
}
.list-group{
border-radius: 0px !important;
}
.list-group-item{
background-color: #1a1a1a !important;
padding: 1.116vw;
font-size: 1.562vw;
color: #fff;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
border-bottom: 2px solid #949494;
transition: 0.2s ease-in-out;
}
.list-group-item:hover{
padding-left: 2.232vw;
background-color: #00ffd0 !important;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
color: #1a1a1a !important;
}
.footer-content{
padding-right: 5.580vw;
}
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
.social-icon{
margin-right: 1.116vw !important;
position: relative;
top: 0.167vw;
}