asia_Kstyle1/assets/stylesheets/template/layout/footer.scss

64 lines
1.1 KiB
SCSS

@charset "utf-8";
@import "../initial";
.layout-footer {
padding: 2em 0;
color: $theme-color-main;
font-size: 0.8125em;
letter-spacing: 1px;
z-index: 0;
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-family: 'IndustryW00-Medium';
}
.container {
@extend .response-container;
}
.footer-counter a { padding-right: 0.5em; }
a {
&:hover,
&:focus {
color:#288E8E;
}
}
@media(min-width:1025px){
position: fixed;
bottom: 0;
left: 2em;
.layout-footer-inner{
width: 350px!important;
padding: 0 3em!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.layout-footer-inner{
padding: 0 3em!important;
}
}
@media(max-width:$screen-xs){
.layout-footer-inner{
padding: 0 1em!important;
}
}
}
.footer-counter{
display: none;
}
.layout-footer-content{
.fab{
font-size: 20px;
padding-right: 10px;
}
}
@media(max-width:$screen-xs){
.footer-content{
flex-wrap: wrap;
}
.part{
width: 100%!important;
}
}