mirror of
https://github.com/inspec/inspec
synced 2024-11-14 17:07:09 +00:00
82 lines
1.4 KiB
SCSS
82 lines
1.4 KiB
SCSS
//Not Styled Yet
|
|
|
|
#main-footer {
|
|
background: $color_heading;
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
#main-footer > .row {
|
|
max-width: 100%;
|
|
vertical-align: middle;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
footer > #dlmsg {
|
|
padding-top: $percent_md;
|
|
padding-bottom: $percent_md;
|
|
}
|
|
|
|
footer a.btn:last-child {
|
|
margin-left: 1.6em;
|
|
}
|
|
|
|
footer span {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
|
|
|
|
.footer--logo {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
filter: brightness(0) invert(1);
|
|
|
|
&.chef {
|
|
width: 80px;
|
|
border-left: 1px solid $color_white;
|
|
padding-left:1.6em;
|
|
}
|
|
|
|
&.inspec {
|
|
width: 130px;
|
|
padding-right:1.6em;
|
|
}
|
|
}
|
|
|
|
.footer--links {
|
|
margin-left: auto;
|
|
display: inline-flex;
|
|
@extend .no-bullet;
|
|
}
|
|
|
|
.footer--link {
|
|
color: $color_gray;
|
|
font-family: $heading-font;
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
color: $color_purple;
|
|
}
|
|
}
|
|
//Hex Animation
|
|
img#hex {
|
|
width: 25px;
|
|
-webkit-animation: spin 2s linear infinite both;
|
|
animation: spin 2s linear infinite both;
|
|
-moz-animation: spin 2s linear infinite both;
|
|
}
|
|
|
|
@-moz-keyframes spin {
|
|
from { -moz-transform: rotate(0deg); }
|
|
to { -moz-transform: rotate(360deg); }
|
|
}
|
|
@-webkit-keyframes spin {
|
|
from { -webkit-transform: rotate(0deg); }
|
|
to { -webkit-transform: rotate(360deg); }
|
|
}
|
|
@keyframes spin {
|
|
from {transform:rotate(0deg);}
|
|
to {transform:rotate(360deg);}
|
|
}
|