Sha256: e255769c27512755646833b0011ab90656b71da50b6da55b8e412e2390a14bf9
Contents?: true
Size: 1.48 KB
Versions: 12
Compression:
Stored size: 1.48 KB
Contents
//Vars
$footer-bg: $black;
//Common
.main-footer,
.mini-footer{
color: $medium-gray;
.link-separator{
margin: 0 .5rem;
}
a{
color: darken($medium-gray, 40%);
&:hover{
color: darken($medium-gray, 20%);
text-decoration: underline;
}
&:focus{
outline-color: var(--highlight-alternative);
}
}
}
//Main footer
.main-footer{
background-color: $footer-bg;
position: relative;
padding: 1rem 0;
min-height: 76px;
}
.main-footer__badge{
display: block;
width: 140px;
@include breakpoint(large){
position: absolute;
}
}
.main__footer__nav{
text-align: center;
@include breakpoint(medium){
text-align: left;
}
@include breakpoint(large){
text-align: center;
}
}
.footer-nav{
list-style: none;
padding-top: .5rem;
margin: 0 0 0 -1rem;
li{
display: inline-block;
padding: 0 1rem;
}
@include breakpoint(large){
margin-left: 0;
}
}
.main__footer__social{
text-align: center;
@include breakpoint(medium){
text-align: right;
}
}
.footer-social{
list-style: none;
padding-top: .5rem;
margin: 0;
li{
display: inline-block;
padding-left: 1rem;
&:first-child{
padding-left: 0;
}
}
}
.footer-social__icon .icon{
width: 16px;
height: 16px;
}
//Mini footer
.mini-footer{
padding: 1rem 0;
background-color: $footer-bg;
}
.cc-badge{
margin-right: .5rem;
}
.decidim-logo{
display: block;
width: 140px;
margin-right: auto;
margin-left: auto;
}
Version data entries
12 entries across 12 versions & 1 rubygems