Sha256: 2528ae756585ae11905c71e9dda6d2e8000e7e28236336099d595768ba810029
Contents?: true
Size: 1.49 KB
Versions: 17
Compression:
Stored size: 1.49 KB
Contents
.layout-wrapper {
&.is-nav-open {
.layout-nav {
@apply translate-x-0;
.main-nav {
@apply w-[100px];
}
.logo {
@apply hidden;
}
}
}
.layout-nav {
@apply absolute md:relative top-0 bottom-0 z-50 -translate-x-full md:translate-x-0 ease-in transition;
.main-nav {
@apply bg-gray-2 w-[120px] text-center last:pt-4;
}
.main-nav__modules {
@apply pb-4 pt-0 border-b;
border-color: #2a3745;
}
}
}
.main-nav ul {
@apply list-none w-full;
li {
@apply pb-2;
}
a {
@apply text-white py-2 block text-xs w-full bg-transparent transition;
&:hover {
@apply underline;
background-color: rgba(4, 11, 23, 0.3);
}
}
.is-active a {
@apply text-white underline;
background-color: rgba(4, 11, 23, 0.3);
}
svg {
@apply w-5 h-5 block mx-auto mb-1 fill-background-4;
}
&.tab-x-container {
@apply mb-6;
svg {
@apply mx-0 inline-block;
}
li {
@apply pb-0;
}
a {
@apply w-full flex gap-2 justify-center items-center text-md text-gray-2 border-gray border-b-2 py-2 rounded-t cursor-pointer;
svg {
@apply fill-gray-2 w-4 h-4 mb-0;
}
&:hover {
@apply bg-white text-secondary border-secondary;
svg {
@apply fill-secondary;
}
}
}
.is-active a {
@apply bg-white text-secondary border-secondary;
svg {
@apply fill-secondary;
}
}
}
}
Version data entries
17 entries across 17 versions & 1 rubygems