123movies-seo/resources/scss/_nav.scss

38 lines
1.6 KiB
SCSS
Raw Normal View History

2024-08-24 23:08:42 +03:00
#nav {
color: #fff;
.nav-link {
// @apply block uppercase text-base py-2 pl-2 md:pl-0 hover:text-primary border-white mx-2 mt-1 md:bg-opacity-0 bg-opacity-50 bg-gray-500 border-b-2 text-primary;
@apply w-full uppercase text-base py-2 md:mx-0 pl-2 md:pl-0 hover:text-primary border-white mt-1 md:bg-opacity-0 bg-opacity-50 bg-gray-500 ;
}
.nav-sublink {
@apply block text-base pr-2 md:pr-0 pl-2 md:pl-1 hover:text-primary border-white mx-2 mt-0 md:bg-opacity-0 bg-opacity-50 bg-gray-500 w-full;
}
>ul>li.relative {
@apply px-2;
}
ul>li.relative {
@apply px-2;
}
a {
&.active {
@apply border-b-2 text-primary;
}
&.with-childrens {
@apply inline-flex items-center;
&::after {
content: url("data:image/svg+xml; utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22white%22%20width%3D%2214%22%20height%3D%2214%22%20class%3D%22hidden%20lg%3Ainline-block%20fill-white%20-mt-%5B2px%5D%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708z%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
@apply block ml-[3px] h-5;
// display: block;
// width: 22px;
// height: 10px;
// margin: 10px 5px 0 10px;
}
}
}
}