Skip to content

M
metroshoes
Commit e47ce0d4 by Anoop
Options

metroshoes footer animation

parent 0e81344a
Showing with 484 additions and 371 deletions
css/font.css
@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Semibold.woff2") format("woff2"),url("../fonts/lato/Lato-Semibold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Bold.woff2") format("woff2"),url("../fonts/lato/Lato-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Black.woff2") format("woff2"),url("../fonts/lato/Lato-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Thin.woff2") format("woff2"),url("../fonts/lato/Lato-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Regular.woff2") format("woff2"),url("../fonts/lato/Lato-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Medium.woff2") format("woff2"),url("../fonts/lato/Lato-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Light.woff2") format("woff2"),url("../fonts/lato/Lato-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'icomoon';src:url("../fonts/icon/icomoon.eot");src:url("../fonts/icon/icomoon.eot?16mttj#iefix") format("embedded-opentype"),url("../fonts/icon/icomoon.ttf?16mttj") format("truetype"),url("../fonts/icon/icomoon.woff?16mttj") format("woff"),url("../fonts/icon/icomoon.svg?16mttj#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Semibold.woff2") format("woff2"), url("../fonts/lato/Lato-Semibold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Bold.woff2") format("woff2"), url("../fonts/lato/Lato-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Black.woff2") format("woff2"), url("../fonts/lato/Lato-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Thin.woff2") format("woff2"), url("../fonts/lato/Lato-Thin.woff") format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Regular.woff2") format("woff2"), url("../fonts/lato/Lato-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Medium.woff2") format("woff2"), url("../fonts/lato/Lato-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Light.woff2") format("woff2"), url("../fonts/lato/Lato-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'icomoon';
src: url("../fonts/icon/icomoon.eot");
src: url("../fonts/icon/icomoon.eot?16mttj#iefix") format("embedded-opentype"), url("../fonts/icon/icomoon.ttf?16mttj") format("truetype"), url("../fonts/icon/icomoon.woff?16mttj") format("woff"), url("../fonts/icon/icomoon.svg?16mttj#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
/*# sourceMappingURL=font.css.map */
\ No newline at end of file
css/font.css.map
{
"version": 3,
"mappings": "AAAA,UAAU,CACN,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,wCAAwC,CAAC,eAAe,CAAE,uCAAuC,CAAC,cAAc,CACrH,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,oCAAoC,CAAC,eAAe,CAAE,mCAAmC,CAAC,cAAc,CAC7G,WAAW,CAAE,IAAI,CACjB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,qCAAqC,CAAC,eAAe,CAAE,oCAAoC,CAAC,cAAc,CAC/G,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,oCAAoC,CAAC,eAAe,CAAE,mCAAmC,CAAC,cAAc,CAC7G,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,uCAAuC,CAAC,eAAe,CAAE,sCAAsC,CAAC,cAAc,CACnH,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,sCAAsC,CAAC,eAAe,CAAE,qCAAqC,CAAC,cAAc,CACjH,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,qCAAqC,CAAC,eAAe,CAAE,oCAAoC,CAAC,cAAc,CAC/G,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,SAAS,CACtB,GAAG,CAAE,gCAAgC,CACrC,GAAG,CAAE,6CAA6C,CAAC,2BAA2B,CAAE,uCAAuC,CAAC,kBAAkB,CAAE,wCAAwC,CAAC,cAAc,CAAE,+CAA+C,CAAC,aAAa,CAClQ,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,KAAK",
"mappings": "AAAA,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,wCAAwC,CAAC,eAAe,EAAE,uCAAuC,CAAC,cAAc;EACrH,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,IAAI;;;AAEpB,UAAU;EACR,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,oCAAoC,CAAC,eAAe,EAAE,mCAAmC,CAAC,cAAc;EAC7G,WAAW,EAAE,IAAI;EACjB,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,IAAI;;;AAEpB,UAAU;EACR,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,qCAAqC,CAAC,eAAe,EAAE,oCAAoC,CAAC,cAAc;EAC/G,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,IAAI;;;AAEpB,UAAU;EACR,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,oCAAoC,CAAC,eAAe,EAAE,mCAAmC,CAAC,cAAc;EAC7G,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,IAAI;;;AAEpB,UAAU;EACR,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,uCAAuC,CAAC,eAAe,EAAE,sCAAsC,CAAC,cAAc;EACnH,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,IAAI;;;AAEpB,UAAU;EACR,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,sCAAsC,CAAC,eAAe,EAAE,qCAAqC,CAAC,cAAc;EACjH,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,IAAI;;;AAEpB,UAAU;EACR,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,qCAAqC,CAAC,eAAe,EAAE,oCAAoC,CAAC,cAAc;EAC/G,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,IAAI;;;AAEpB,UAAU;EACR,WAAW,EAAE,SAAS;EACtB,GAAG,EAAE,gCAAgC;EACrC,GAAG,EAAE,6CAA6C,CAAC,2BAA2B,EAAE,uCAAuC,CAAC,kBAAkB,EAAE,wCAAwC,CAAC,cAAc,EAAE,+CAA+C,CAAC,aAAa;EAClQ,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,KAAK",
"sources": [
"../scss/font.scss"
],
......
js/script.js
(function ($) {
// for sticky Nav
var stickyNavTop = $('.storeLHeader').offset().top;
var stickyNav = function () {
var scrollTop = $(window).scrollTop();
......@@ -10,14 +9,10 @@
$('.storeLHeader').removeClass('sticky');
}
};
$(window).scroll(function () {
stickyNav();
});
// for Open Navigation
$(".mobile-burger").click(function () {
$(".storeLHeader .nav").addClass("open");
......@@ -34,33 +29,56 @@
$(this).parents(".top-level-link").siblings(".top-level-link.open").removeClass("open");
});
// for open submenu
function menueopener() {
$(".sub-menu-head").parent("div").addClass("subMenuCol");
windowwidth = $(window).width();
if (windowwidth < 767) {
$(".sub-menu-block .sub-menu-head a").click(function (event) {
event.preventDefault();
$(this).parents(".sub-menu-head").siblings(".sub-menu-lists").toggleClass("open");
$(this).parents(".sub-menu-head").toggleClass("open")
$(this).parents(".subMenuCol").siblings(".subMenuCol").find(".sub-menu-head, .sub-menu-lists").removeClass("open");
})
}
}
menueopener();
// For Footer popular searches
$(".show-hide").click(function () {
$(this).toggleClass("open")
$(".popular-search").toggleClass("open")
$(this).toggleClass("open");
$(".popular-search").toggleClass("open");
//
const o = $('.copy-right').offset().top;
const h = $('.popular-search').outerHeight();
var body = $("html, body");
body.stop().animate({ scrollTop: (o + h) }, 2000, 'swing', function () {
console.log("Finished animating");
});
});
// For Footer Menu
$(".footer-nav .dropdown").click(function () {
// For Footer Menu accordion
$(".footer-nav .dropdown").click(function () {
$(this).toggleClass("open");
$(this).siblings(".footer-menu").toggleClass("open");
$(this).parents(".list").siblings(".list").children(".dropdown, .footer-menu").removeClass("open");
});
// Footer Accorian
//
// $('.booking-widget .rvp-search-box').click(function () {
// if ($('.searchWidget').length) {
// const o = $('.searchWidget').offset().top;
// const h = $('#rwp_fixed_space').outerHeight();
// var body = $("html, body");
// body.stop().animate({ scrollTop: (o - h) }, 500, 'swing', function () {
// console.log("Finished animating");
// });
// }
// $(this).addClass('rvp-hide').parents("#rvp-form-container-other-wrapper").siblings('#rvp_formContainer').removeClass('rvp-hide');
// $('input[name=pickLocation]').focus();
// })
})(jQuery);
......
scss/_footer.scss 0 → 100644
.storeLFooter {
background: #f9f9f9;
padding: 30px 0 0;
font-family: Lato;
color: #000000;
menu,
ol,
ul,
p {
list-style: none;
margin: 0;
padding: 0;
}
.container {
max-width: 1160px;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
}
.container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.footer.content {
padding: 30px 0 0;
}
.footer-nav .list .footer-menu li a:hover {
text-decoration: underline;
}
.footer-nav .list {
flex: 1 0 auto;
}
.footer-nav .list h5 {
text-align: left;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.92px;
color: #000000;
text-transform: uppercase;
position: relative;
margin-bottom: 0;
}
.footer-nav .list .footer-menu {
margin-top: 15px;
margin-bottom: 20px;
}
.footer-nav .list .footer-menu li a {
font-size: 13px;
font-weight: 300;
letter-spacing: 0.86px;
color: #000000;
padding: 3.5px 0;
display: block;
}
.footer-nav {
display: flex;
flex-wrap: wrap;
}
.copy-right {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.copy-right .container {
display: flex;
justify-content: space-between;
}
.copy-right p {
font-size: 12px;
color: #888888;
text-transform: uppercase;
padding: 15px 0;
}
.copy-right .social-link {
display: flex;
margin-left: auto;
}
.copy-right .social-link ul {
display: flex;
margin-left: 15px;
align-items: center;
margin-right: 10px;
}
.copy-right .social-link ul li a {
margin-right: 15px;
}
.copy-right .social-link .show-hide {
position: relative;
padding-left: 20px;
padding-right: 50px;
border-left: 1px solid #cccccc;
cursor: pointer;
}
.copy-right .social-link .show-hide .hide {
display: none;
}
.copy-right .social-link .show-hide.open .hide {
display: block;
}
.copy-right .social-link .show-hide.open .show {
display: none;
}
.copy-right .social-link .show-hide:after {
content: "";
display: inline-block;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
transform: rotate(-135deg);
top: -5px;
bottom: 0;
right: 26px;
margin: auto;
}
.copy-right .social-link .show-hide.open:after {
transform: rotate(45deg);
top: 5px;
}
.copy-right .social-link .show-hide p {
border-bottom: none;
}
.popular-search {
/* padding: 30px 0; */
visibility: hidden;
height: 0;
overflow: hidden;
}
.popular-search.open {
visibility: visible;
height: auto;
}
.popular-search .container {
padding: 30px 0;
}
.popular-search h5 {
font-size: 13px;
text-transform: uppercase;
}
.popular-search .flex {
margin-top: 15px;
margin-bottom: 25px;
}
.flex {
display: flex;
justify-content: space-between;
}
.popular-search .flex .title {
width: 70px;
padding: 0px 0;
font-size: 14px;
color: #333333;
}
.popular-search .flex .popular-list {
width: calc(100% - 70px);
display: flex;
flex-wrap: wrap;
}
.popular-search .flex .popular-list li a {
padding: 0px 10px;
display: inline-block;
font-size: 14px;
color: #333;
border-right: 1px solid #ccc;
margin-bottom: 5px;
font-weight: normal;
}
.footer-des h5 {
margin-bottom: 12px;
font-weight: bold;
}
.footer-des p {
margin-bottom: 5px;
line-height: 20px;
font-size: 14px;
}
.footer-des .light {
font-size: 14px;
font-weight: normal;
}
}
@media (max-width: 767px) {
.storeLFooter {
.copy-right .container {
flex-direction: column;
}
.footer-nav .list {
width: 100%;
}
.footer-nav .list .dropdown {
cursor: pointer;
}
.footer-nav .list h5 {
padding: 8px 0;
}
.footer-nav .list .dropdown:after {
content: "";
position: absolute;
top: 0;
right: 15px;
bottom: 0;
margin: auto;
content: "";
display: inline-block;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 1px solid #333;
border-left: 1px solid #333;
transition: all 0.3s ease-in-out;
text-decoration: none;
color: transparent;
transform: rotate(-135deg);
top: -5px;
bottom: 0;
right: 00px;
margin: auto;
}
.footer-nav .list .dropdown.open:after {
transform: rotate(45deg);
top: 5px;
}
.footer-nav .list .footer-menu {
display: none;
}
.footer-nav .list .footer-menu.open {
display: block;
}
}
}
@media (max-width: 1024px) {
.storeLFooter .container {
padding: 0px 20px;
max-width: inherit;
}
}
@media (max-width: 640px) {
.storeLFooter {
padding: 0;
.footer.content {
padding: 0;
}
.copy-right {
border-top: 0;
}
.copy-right .social-link .show-hide:after {
display: none;
}
.container {
padding-right: 0px;
padding-left: 0px;
}
.footer-nav {
display: block;
box-sizing: border-box;
}
.footer-nav .list {
border-bottom: 1px solid #e5e5e5;
width: 100%;
padding: 10px 20px;
box-sizing: border-box;
}
.copy-right .container p {
padding: 20px 10px 20px 10px;
border-bottom: 1px solid #e5e5e5;
}
.copy-right .social-link {
flex: 0 0 100%;
margin: 0;
}
.copy-right .social-link .show-hide {
padding-left: 0;
padding-right: 0;
}
.popular-search .container {
padding: 20px;
}
.popular-search .flex {
display: block;
}
.popular-search .flex .title {
width: 100%;
margin-bottom: 10px;
}
.popular-search .flex .popular-list {
width: 100%;
}
.popular-search .flex .popular-list li {
padding-right: 10px;
margin-bottom: 5px;
}
.popular-search .flex .popular-list li a {
padding-left: 0;
font-size: 12px;
font-weight: normal;
}
.footer-des p {
color: #333333;
}
.footer-des .light {
color: #333333;
font-weight: normal;
font-size: 12px;
}
}
}
scss/_header.scss
......@@ -497,11 +497,8 @@
}
}
@media (min-width: 992px) {
@media (min-width: 993px) {
.storeLHeader {
.nav ul > li.top-level-link:first-child a {
padding-left: 0;
}
.nav ul > li:hover > div.sub-menu-block {
background-color: #fcfcfc;
visibility: visible;
......@@ -520,6 +517,15 @@
}
}
@media (min-width: 768px) and (max-width: 992px) {
.storeLHeader {
.nav ul > li.top-level-link:last-child {
margin-left: 18px;
text-align: left;
}
}
}
@media (max-width: 414px) {
.storeLHeader .header-wrapper .container .header-right .search-field .search {
top: 46px;
......@@ -733,7 +739,12 @@
top: 5px;
}
li.top-level-link > div.sub-menu-block {
display: none;
}
.nav ul > li.open > div.sub-menu-block {
display: block;
position: relative;
height: auto;
overflow: hidden;
......@@ -745,6 +756,8 @@
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}
}
}
......
scss/style.scss
// @import "reboot";
// @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
@import "header";
.storeLFooter {
background: #f9f9f9;
padding: 30px 0 0;
font-family: Lato;
color: #000000;
menu,
ol,
ul,
p {
list-style: none;
margin: 0;
padding: 0;
}
.container {
max-width: 1160px;
box-sizing: border-box;
margin: 0 auto;
}
.container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.footer-nav .list {
flex: 1 0 auto;
}
.footer-nav .list h5 {
text-align: left;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.92px;
color: #000000;
text-transform: uppercase;
position: relative;
}
.footer-nav .list .footer-menu {
margin-top: 15px;
margin-bottom: 20px;
}
.footer-nav .list .footer-menu li a {
font-size: 13px;
font-weight: 300;
letter-spacing: 0.86px;
color: #000000;
padding: 5px 0;
display: block;
}
.footer-nav {
display: flex;
flex-wrap: wrap;
}
.copy-right {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.copy-right .container {
display: flex;
justify-content: space-between;
}
.copy-right p {
font-size: 12px;
color: #888888;
text-transform: uppercase;
padding: 15px 0;
}
.copy-right .social-link {
display: flex;
margin-left: auto;
}
.copy-right .social-link ul {
display: flex;
margin-left: 15px;
align-items: center;
margin-right: 10px;
}
.copy-right .social-link ul li a {
margin-right: 15px;
}
.copy-right .social-link .show-hide {
position: relative;
padding-left: 20px;
padding-right: 50px;
border-left: 1px solid #cccccc;
cursor: pointer;
}
.copy-right .social-link .show-hide .hide {
display: none;
}
.copy-right .social-link .show-hide.open .hide {
display: block;
}
.copy-right .social-link .show-hide.open .show {
display: none;
}
.copy-right .social-link .show-hide:after {
content: "";
display: inline-block;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
transform: rotate(-135deg);
top: -5px;
bottom: 0;
right: 26px;
margin: auto;
}
.copy-right .social-link .show-hide.open:after {
transform: rotate(45deg);
top: 5px;
}
.copy-right .social-link .show-hide p {
border-bottom: none;
}
.popular-search {
/* padding: 30px 0; */
visibility: hidden;
height: 0;
overflow: hidden;
}
.popular-search.open {
visibility: visible;
height: auto;
}
.popular-search .container {
padding: 30px 0;
}
.popular-search h5 {
font-size: 13px;
text-transform: uppercase;
}
.popular-search .flex {
margin-top: 15px;
margin-bottom: 25px;
}
.flex {
display: flex;
justify-content: space-between;
}
.popular-search .flex .title {
width: 70px;
padding: 0px 0;
font-size: 14px;
color: #333333;
}
.popular-search .flex .popular-list {
width: calc(100% - 70px);
display: flex;
flex-wrap: wrap;
}
.popular-search .flex .popular-list li a {
padding: 0px 10px;
display: inline-block;
font-size: 14px;
color: #333;
border-right: 1px solid #ccc;
margin-bottom: 5px;
font-weight: normal;
}
.footer-des h5 {
margin-bottom: 12px;
font-weight: bold;
}
.footer-des p {
margin-bottom: 5px;
line-height: 20px;
font-size: 14px;
}
.footer-des .light {
font-size: 14px;
font-weight: normal;
}
}
@media (max-width: 767px) {
.storeLFooter {
.copy-right .container {
flex-direction: column;
}
.footer-nav .list {
width: 100%;
}
.footer-nav .list .dropdown {
cursor: pointer;
}
.footer-nav .list h5 {
padding: 8px 0;
}
.footer-nav .list .dropdown:after {
content: "";
position: absolute;
top: 0;
right: 15px;
bottom: 0;
margin: auto;
content: "";
display: inline-block;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 1px solid #333;
border-left: 1px solid #333;
transition: all 0.3s ease-in-out;
text-decoration: none;
color: transparent;
transform: rotate(-135deg);
top: -5px;
bottom: 0;
right: 00px;
margin: auto;
}
.footer-nav .list .dropdown.open:after {
transform: rotate(45deg);
top: 5px;
}
.footer-nav .list .footer-menu {
display: none;
}
.footer-nav .list .footer-menu.open {
display: block;
}
}
}
@media (max-width: 1024px) {
.storeLFooter .container {
padding: 0px 20px;
max-width: inherit;
}
}
@media (max-width: 640px) {
.storeLFooter {
padding: 0;
.copy-right .social-link .show-hide:after {
display: none;
}
.container {
padding-right: 0px;
padding-left: 0px;
}
.footer-nav {
display: block;
box-sizing: border-box;
}
.footer-nav .list {
border-bottom: 1px solid #e5e5e5;
width: 100%;
padding: 10px 20px;
box-sizing: border-box;
}
.copy-right .container p {
padding: 20px 10px 20px 10px;
border-bottom: 1px solid #e5e5e5;
}
.copy-right .social-link {
flex: 0 0 100%;
margin: 0;
}
.copy-right .social-link .show-hide {
padding-left: 0;
padding-right: 0;
}
.popular-search .container {
padding: 20px;
}
.popular-search .flex {
display: block;
}
.popular-search .flex .title {
width: 100%;
margin-bottom: 10px;
}
.popular-search .flex .popular-list {
width: 100%;
}
.popular-search .flex .popular-list li {
padding-right: 10px;
margin-bottom: 5px;
}
.popular-search .flex .popular-list li a {
padding-left: 0;
font-size: 12px;
font-weight: normal;
}
.footer-des p {
color: #333333;
}
.footer-des .light {
color: #333333;
font-weight: normal;
font-size: 12px;
}
}
}
@import "footer";
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment