TiBillet-Ticket-Nonfree/DjangoFiles/BaseBillet/templates/blk-pro/assets/scss/blk-design-system-pro/_footers.scss

132 lines
2.2 KiB
SCSS

.footer {
padding: 1.125rem 0;
text-align: center;
&.footer-default{
background-color: #f2f2f2;
}
&.footer-simple{
background: $transparent-bg;
}
nav{
display: inline-block;
float: left;
}
.content{
text-align: left;
}
.nav-link{
display: inline;
}
&.footer-big{
padding: 30px 0;
.social-feed i{
font-size: 20px;
float: left;
padding-right: 10px;
color: $white;
}
.gallery-feed img{
width: 20%;
margin-right: 5%;
margin-bottom: 5%;
float: left;
}
hr{
width: 100%;
}
}
.footer-brand{
float: left;
font-size: 0.875rem;
line-height: 44px;
}
ul{
margin-bottom: 0;
padding: 0;
list-style: none;
&:not(.links-vertical){
line-height: 3.1;
}
&.links-vertical{
line-height: 1.6;
li{
display: block;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 0px;
a{
padding: 5px;
display: block;
}
}
}
li{
display: inline-block;
a{
color: inherit;
padding: 13px $padding-base-vertical;
font-size: $font-size-sm;
text-transform: uppercase;
text-decoration: none;
&:hover{
text-decoration: none;
}
}
}
}
.social-buttons {
text-align: center;
a,
.btn{
margin: 0;
}
}
.pull-center{
display: inline-block;
float: none;
}
.copyright{
font-size: $font-size-sm;
line-height: 3.5;
}
&:after{
display: table;
clear: both;
content: " ";
}
}
@media screen and (max-width: 768px) {
footer .title{
text-align: center !important;
}
.footer .btn-wrapper.profile{
text-align: center !important;
}
}