chill_hugoplate/assets/scss/module-overrides.scss
2023-05-29 16:18:54 +06:00

76 lines
1.7 KiB
SCSS

// table of contents
.table-of-content {
@apply overflow-hidden rounded;
}
// tab
.tab {
@apply border-border dark:border-darkmode-border overflow-hidden rounded-lg border;
&-nav {
@apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light pl-4;
&-item {
@apply text-dark dark:text-darkmode-dark px-8 text-lg #{!important};
&.active {
@apply border-dark dark:border-darkmode-primary;
}
}
}
&-content {
&-panel {
@apply px-4 pt-0 #{!important};
}
}
}
// accordion
.accordion {
@apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light mb-6 overflow-hidden rounded-lg border;
&-header {
@apply text-dark dark:text-darkmode-dark;
}
}
// cookie consent
.cookie-box {
@apply rounded-lg #{!important};
}
// search
.search-wrapper {
.search-wrapper-content {
@apply dark:bg-darkmode-body;
}
input {
@apply dark:bg-darkmode-theme-light dark:text-darkmode-text dark:border-darkmode-border dark:focus:border-darkmode-primary focus:ring-0;
}
kbd {
@apply dark:bg-darkmode-theme-light;
}
.search-wrapper-body {
@apply dark:bg-darkmode-theme-light dark:shadow-none;
}
&.search-page {
.search-wrapper-body {
@apply dark:bg-transparent;
}
}
.search-result-info em {
@apply dark:text-white;
}
.search-result-item {
@apply dark:bg-darkmode-body dark:border-darkmode-border p-4;
.search-title {
@apply dark:text-darkmode-dark;
}
u {
@apply dark:text-darkmode-primary;
}
&:focus,
&[aria-selected="true"],
&:hover {
@apply dark:bg-darkmode-primary/10;
}
}
}