2023-01-07 14:30:20 +00:00
|
|
|
@use '../../tailwind-values.scss' as tailwind;
|
2022-12-05 20:14:56 +00:00
|
|
|
|
2023-01-04 21:48:23 +00:00
|
|
|
.explore-wrapper {
|
2022-12-05 20:14:56 +00:00
|
|
|
min-height: calc(100vh - 20px);
|
|
|
|
}
|
|
|
|
|
2023-01-07 14:30:20 +00:00
|
|
|
@media (max-width: tailwind.$xl-breakpoint) {
|
|
|
|
.explore-wrapper {
|
2023-01-09 19:40:08 +00:00
|
|
|
min-height: calc(100vh - 3.9rem);
|
2023-01-07 14:30:20 +00:00
|
|
|
}
|
2022-12-05 20:14:56 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.active {
|
2023-01-07 14:30:20 +00:00
|
|
|
color: #dcebfe;
|
2022-12-05 20:14:56 +00:00
|
|
|
position: relative;
|
|
|
|
|
|
|
|
&::before,
|
|
|
|
&::after {
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
left: 50%;
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
border-color: transparent transparent #9baec8;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 0 10px 10px;
|
|
|
|
bottom: -1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
bottom: -1px;
|
2023-01-09 22:49:18 +00:00
|
|
|
border-color: transparent transparent var(--wildebeest-color-700);
|
2022-12-05 20:14:56 +00:00
|
|
|
}
|
|
|
|
}
|