terraform/website/source/assets/stylesheets/_footer.scss

101 lines
1.4 KiB
SCSS

body.page-sub{
#footer{
padding: 40px 0;
margin-top: 0;
.hashicorp-project{
margin-top: 24px;
&:hover{
svg{
.svg-bg-line{
opacity: .4;
}
}
}
}
}
}
#footer{
background-color: white;
padding: 150px 0 80px;
margin-top: -40px;
&.white{
background-color: $black;
.footer-links{
li > a {
@include project-footer-a-subpage-style();
}
}
}
.footer-links{
li > a {
@include project-footer-a-style();
}
}
.hashicorp-project{
margin-top: 24px;
}
.pull-right{
padding-right: 15px;
}
}
.edit-page-link{
position: absolute;
top: -70px;
right: 30px;
z-index: 9999;
a{
text-transform: uppercase;
color: $black;
font-size: 13px;
}
}
@media (max-width: 992px) {
.footer-links {
display: block;
text-align: center;
ul{
display: inline-block;;
float: none !important;
}
.footer-hashi{
display: block;
float: none !important;
}
}
}
@media (max-width: 414px) {
#footer{
ul{
display: block;
li{
display: block;
float: none;
}
&.external-links{
li{
svg{
position: relative;
left: 0;
top: 2px;
margin-top: 0;
margin-right: 4px;
}
}
}
}
}
}