houdini/app/assets/stylesheets/components/footer.css.scss
2020-06-15 10:26:57 -05:00

66 lines
1.6 KiB
SCSS

/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
@import 'mixins';
@import 'components/press_row';
.globalFooter--mosaic {
background: $mosaic;
width: 100%;
height: 4px;
}
.globalFooter {
width: 100%;
background: $blue-grey;
position: relative;
@include mosaic(bottom, 4px);
}
.globalFooter-guest.container { padding: 30px 15px 15px 15px; }
.globalFooter * { color: white; }
.globalFooter a:not(.globalFooter-sub-item--social) {
@include setColorAndHover(white);
border-bottom: 1px solid rgba(white, 0.2);
}
.globalFooter-title { font-weight: bold; }
.globalFooter li:not(.globalFooter-title) {
margin-top: 5px;
padding: 0 0 5px 0;
font-size: 15px;
}
// footer sub
.globalFooter-sub {
background: rgba(black, 0.06);
padding: 20px 0 25px 0;
}
.globalFooter-sub .container {
padding: 0 10px;
}
.globalFooter-sub-item,
.globalFooter-sub-item--social {
font-size: 14px;
margin-right: 10px;
}
.globalFooter-sub-item--social i.fa {
@include opacity(0.9);
text-align: center;
margin: 0;
width: 25px;
line-height: 25px;
@include border-radius(50%);
@include setBackgroundAndHover(rgba(white, 0.9));
}
.globalFooter-sub-item--social i.fa-facebook { color: $facebook; }
.globalFooter-sub-item--social i.fa-twitter { color: $twitter; }
.globalFooter-sub-item--social i.fa-google { color: $google; }
.globalFooter-sub-commitchange {
@include bitter;
font-size: 17px;
font-weight: bold;
margin-right: 15px;
}
.globalFooter-sub img {
vertical-align: text-bottom;
width: 25px;
}