mirror of
https://github.com/inspec/inspec
synced 2024-12-22 11:03:11 +00:00
73 lines
1.3 KiB
SCSS
73 lines
1.3 KiB
SCSS
|
|
#main-footer {
|
|
padding-right : 40px;
|
|
padding-left : 40px;
|
|
background : $color_heading;
|
|
// Same margins as nav
|
|
}
|
|
|
|
#main-footer > .row {
|
|
display : flex;
|
|
max-width : 100%;
|
|
vertical-align : middle;
|
|
align-items : center;
|
|
}
|
|
|
|
footer > #dlmsg {
|
|
// Download Message
|
|
padding-top : $percent_md;
|
|
padding-bottom : $percent_md;
|
|
}
|
|
|
|
footer a.btn:last-child {
|
|
margin-left : 1.6em;
|
|
}
|
|
|
|
footer span {
|
|
margin-left : 6px;
|
|
// Icon
|
|
}
|
|
|
|
.footer--logo {
|
|
display : inline-block;
|
|
filter : brightness(0) invert(1);
|
|
vertical-align : middle;
|
|
|
|
&.chef {
|
|
width : 80px;
|
|
padding-left : 1.6em; //same as default li margin
|
|
border-left : 1px solid $color_white;
|
|
}
|
|
|
|
&.inspec {
|
|
width : 130px;
|
|
padding-right : 1.6em; //same as default li margin
|
|
}
|
|
}
|
|
|
|
ul.footer--links {
|
|
@extend .no-bullet;
|
|
display : inline-flex;
|
|
margin-left : auto;
|
|
}
|
|
|
|
li a.footer--link {
|
|
color : $color_gray;
|
|
font-family : $heading-font;
|
|
font-weight: 400;
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
color : $color_purple;
|
|
}
|
|
}
|
|
|
|
// Hex Animation
|
|
|
|
img#hex {
|
|
width : 25px;
|
|
-moz-animation : spin 2s linear infinite both;
|
|
-webkit-animation : spin 2s linear infinite both;
|
|
animation : spin 2s linear infinite both;
|
|
}
|