generator-fe-kit
Version:
Pixelant Front-End Starter Kit
201 lines (174 loc) • 5.02 kB
text/less
// =========================================================
// === Footer ==============================================
// =========================================================
.footer{
background: @footer-background;
// border-top: 15px solid lighten(@footer-background, 20%);
border-top: 15px solid @footer-background;
}
.footer p{
color: @footer-color;
font-weight: 400;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6{
color: @footer-color;
font-weight: 400;
letter-spacing: 0.2px;
padding-top: 20px;
}
.footer h4{
border-bottom: 1px solid lighten(@footer-background, 20%);
padding-bottom: 4px;
// text-transform: uppercase;
}
.no-touch .footer a:hover{
color: @footer-link-hover-color;
}
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
// =================================
// === Footer Contact ==============
// =================================
// .footer__contact .contact-links {
// list-style: none;
// padding: 0;
// }
// @media (min-width: 1200px) {
// .footer__contact .contact-links a{
// display: inline;
// }
// }
// @media (min-width: 992px) {
// .footer__contact .contact-links a{
// display: block;
// }
// }
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
// =================================
// === Footer Quick Links===========
// =================================
.footer__quick-links{
}
.footer__quick-links .ce-menu{
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 10px;
}
.footer__quick-links .ce-menu > li{
padding: 8px 0;
}
.footer__quick-links .ce-menu > li > a{
transition: color .2s ease;
color: @footer-link-color;
padding-left: 0;
padding-bottom: 2px;
font-weight: 400;
// text-transform: uppercase;
}
.footer__quick-links .ce-menu > li > a:hover{
background-color: transparent;
color: @footer-link-hover-color;
}
@media (max-width: 460px) {
.footer__quick-links{
text-align: center;
}
.footer__quick-links h4 {
border: none;
}
}
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
// =================================
// === Footer Logo + contacts=======
// =================================
.footer__logo-contacts .ce-bodytext p {
padding-top: 20px;
margin: 0;
}
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
// =================================
// === Footer Social-icons==========
// =================================
@media (min-width: 992px) {
.footer__social-icons .social-icons {
padding: 0;
text-align: right;
}
}
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
// =================================
// === Footer Bottom ===============
// =================================
.footer__bottom {
// margin-top: 30px;
text-align: center;
background: @footer-background;
padding-bottom: 10px;
}
.footer__bottom .row{
margin-right: 0;
margin-left: 0;
}
.footer__bottom-copyright{
padding-top: 12px;
border-top: 1px solid lighten(@footer-background, 20%);
}
.footer__bottom-nav .ce-menu{
padding: 0;
text-align: center;
}
.footer__bottom-nav .ce-menu > li{
display: inline-block;
}
.footer__bottom-nav .ce-menu > li > a{
// color: darken(@footer-color, 25%);
font-weight: 400;
text-transform: uppercase;
transition: color .2s ease;
padding: 0 10px;
font-size: 14px;
color: @footer-link-color;
}
@media (min-width: 992px) {
.footer__bottom {
text-align: left;
}
.footer__bottom-copyright {
padding-left: 0;
}
.footer__bottom-copyright > p{
margin: 0;
}
.footer__bottom-nav{
padding-top: 12px;
border-top: 1px solid lighten(@footer-background, 20%);
padding-right: 0;
}
.footer__bottom-nav .ce-menu{
text-align: right;
}
.footer__map-icon{
margin-left: 0;
}
}
@media (max-width: 991px) {
.footer__logo-contacts {
text-align: center;
}
.footer__logo-contacts .ce-textpic .ce-gallery{
float: none;
}
.footer__logo-contacts .ce-gallery .ce-column {
float: none;
}
.footer__logo-contacts .ce-gallery .ce-column img {
margin: 0 auto;
}
}
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------