inspec/www/source/stylesheets/_footer.scss
hannah-radish 23434f3606 Bug fixes for Inspec.io
- Added banner for webinars (present and future)
- CSS support for IE10, IE11, Edge
- Fixed URL bug for demo
- Fixed Edge browser resize bug
- Changes to relative path, update event info

Signed-off-by: Hannah Maddy <hmaddy@chef.io>
2017-03-03 12:25:33 -08:00

98 lines
1.6 KiB
SCSS

#main-footer {
padding-right: 40px; // Same margins as nav
padding-left: 40px;
background: $color_heading;
}
footer > #dlmsg { // Download Message
padding-top: $percent_md;
padding-bottom: $percent_md;
}
footer a.btn:first-child {
margin-right: 1.6em;
}
footer span {
margin-left: 6px;// Icon
}
.columns.large-8.medium-8 {
@include nav-small {
width: 100%;
}
}
ul.footer--logos {
margin-left: 0!important;
@include nav-small {
text-align: center;
}
}
ul.footer--logos li {
display: inline-block;
margin-left: 0!important;
}
.footer--logo {
display: inline-block;
-webkit-filter: brightness(0) invert(1);
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;
@include nav-small { //mobile
border-left: initial;
}
}
&.inspec {
width: 130px;
padding-right: 1.6em; //same as default li margin
}
}
ul.footer--links {
@extend .no-bullet;
display: inline-flex;
margin-left: auto;
@include nav-small { //mobile
display: block;
text-align: center;
float: none;
}
li {
@include nav-small { //mobile
margin-left: initial;
margin-bottom: $percent_sm/2;
}
}
}
li a.footer--link {
color: $color_gray;
&: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;
}