if($('.toggle').not('.show-menu')) {
highlights.style.opacity = '0';
} else {
highlights.style.opacity = '1';
}if($('.toggle').not($('.show-menu'))) {
highlights.style.opacity = '0';
} else {
highlights.style.opacity = '1';
}if($('.toggle.show-menu')) {
highlights.style.opacity = '1';
} else {
highlights.style.opacity = '0';
}if($('.toggle').hasClass("show-menu")) {
highlights.style.opacity = '1';
} else {
highlights.style.opacity = '0';
}if(!$('.toggle').hasClass("show-menu")) {
highlights.style.opacity = '0';
} else {
highlights.style.opacity = '1';
}.toggle
.toggle-menu
span.toggle-text Меню
.toggle-btn
span.line.line-top
span.line.line-middle
span.line.line-bottom
nav.toggle-dropdown
.toggle-dropdown__item
a.toggle-dropdown__link(href="#") Оборудование
.toggle-dropdown__item
a.toggle-dropdown__link(href="#") Программное обеспечение.toggle {
display: none;
&.show-menu {
.toggle-dropdown {
width: 290px;
height: auto;
&__item {
animation: menu 0.3s ease-in-out forwards;
&:nth-child(1) {
animation-delay: 0.2s;
}
}
}
}
&-menu {
@extend .btn;
padding: 0 15px;
border: 1px solid $white;
cursor: pointer;
display: flex;
align-items: center;
&.opened {
.line-top {
transform: rotate(45deg) translate(3px);
}
.line-middle {
transform: rotate(495deg) translate(1px);
}
.line-bottom {
transform: rotate(45deg);
opacity: 0;
}
}
}
}
&-dropdown {
position: absolute;
z-index: 2;
padding-top: 14px;
overflow: hidden;
width: 100%;
height: 0;
border-radius: 4px;
&__item {
opacity: 0;
transform-origin: top center;
background-color: $footer-bg;
border: 1px solid lighten($footer-bg, 25%);
border-bottom-style: none;
transition: all linear .3s;
&:last-child {
border-bottom-style: solid;
}
&:first-child {
&::before, &::after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
transition: all linear .3s;
}
&::before {
top: -8px;
left: 10px;
border-width: 0 6px 8px 6px;
border-color: transparent transparent lighten($footer-bg, 25%) transparent;
}
&::after {
top: -6px;
left: 12px;
border-width: 0 4px 7px 4px;
border-color: transparent transparent $footer-bg transparent;
}
}
}
&__link {
display: block;
padding: 10px 15px;
position: relative;
z-index: 99;
}
}
}
/* Slick needs no get Reinitialized on window Resize after it was destroyed */
$(window).on('load resize orientationchange', function() {
$('.sertificates-slider').each(function(){
var $carousel = $(this);
/* Initializes a slick carousel only on mobile screens */
// slick on mobile
if ($(window).width() > 991) {
if ($carousel.hasClass('slick-initialized')) {
$carousel.slick('unslick');
}
}
else{
if (!$carousel.hasClass('slick-initialized')) {
$carousel.slick({
slidesToShow: 3,
slidesToScroll: 1,
// mobileFirst: true,
nextArrow: '.sertificates__btn--next',
prevArrow: '.sertificates__btn--prev',
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
lidesToScroll: 1
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1
}
}
]
});
}
}
});
});
Я не понимаю почему этот спан перекрывает ссылку, мне надо чтобы цвет текста не перекрывался, был белым