DS Footer Copyright - SCSS
Fri Nov 17 2023 11:52:03 GMT+0000 (Coordinated Universal Time)
Saved by
@vishalsingh21
.footer{
&-bottom{
background: #000;
border-top: _res-m(5,10) solid $brand-primary;
padding: _res-m(15,30) 0;
@include screen-sm-min{
padding: 15px 0;
border-top-width: _res(2,5);
.bottom-row{
display: flex;
align-items: center;
justify-content: center;
}
}
a, a:hover{ color: #fff; }
.footer-nav{
@include screen-sm-min{
margin: 0 30px;
}
ul{
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
li{
list-style: none;
a{
font-size: _res-m(10,25);
display: inline-block;
padding: 0 10px;
line-height: 1;
border-right: 1px solid #fff;
@include screen-sm-min{
font-size: _res(11,14);
}
}
&:first-child a{
padding-left: 0;
}
&:last-child a{
padding-right: 0;
border-right: none;
}
}
}
}
.footer-copyright{
text-align: center;
padding: 15px 0;
font-size: _res-m(10,25);
@include screen-sm-min{
font-size: _res(11,14);
order: -1;
}
small{ font-size: 100%; }
}
.footer-ds-logo{
text-align: center;
img{
width: 100px;
}
}
}
}
content_copyCOPY
Comments