mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
164a699701
* refactor(styles): unify theme properties and update color variables across stylesheets * Implement theme mode support with light-dark color adjustments across stylesheets - Added color-scheme support in _root.scss for light and dark modes. - Replaced theme property mixins with light-dark function in various widget styles including _cell-tooltip.scss, _cookieconsent.scss, _fixed-button.scss, and others. - Updated alert styles in _alert.scss to use light-dark for border and text colors. - Refactored code syntax highlighting in _code.scss and _code-syntax/_index.scss to utilize light-dark for background gradients. - Enhanced search input styles in _search.scss to adapt to theme mode. - Modified theme switching logic in color-scheme.js and theme.js to support new theme mode structure. - Adjusted APlayer and Valine styles to accommodate dark mode using new theme variables. * feat(shortcode): add auto-dark shortcode for dark mode adaptation * refactor(styles): update theme colors and improve box-shadow properties for better visual consistency * feat(header): add scroll-state container queries and enhance header shadow effects * feat(styles): enhance scroll behavior with overscroll-behavior adjustments for better UX * feat(styles): update code&table styles and colors for improved visual consistency * feat(styles): update color variables and improve font styling for better visual hierarchy
69 lines
1.3 KiB
SCSS
69 lines
1.3 KiB
SCSS
// Related Content List (aside)
|
|
.related-details {
|
|
&:not(:first-of-type)::before {
|
|
content: '';
|
|
display: block;
|
|
border: 0;
|
|
padding-top: 1px;
|
|
background: fixit-var(divider-edge-weak);
|
|
margin-block: 1rem 0.5rem;
|
|
}
|
|
|
|
&:not(:last-of-type) {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.related-summary {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 0.25em;
|
|
padding: 0.2em 0.5em;
|
|
|
|
> i.fa-layer-group {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.related-title {
|
|
font-weight: bold;
|
|
font-size: fixit-var(related-title-font-size);
|
|
}
|
|
|
|
.related-count {
|
|
flex-shrink: 0;
|
|
color: fixit-var(global-font-secondary-color);
|
|
}
|
|
|
|
.details-icon {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
@include user-select(none);
|
|
}
|
|
|
|
.related-content {
|
|
font-size: fixit-var(related-list-font-size);
|
|
|
|
.related-list {
|
|
margin: 0;
|
|
padding-inline: 1.6em 0.8em;
|
|
padding-block: 0.4em;
|
|
text-indent: -0.8em;
|
|
list-style: none;
|
|
overflow-y: auto;
|
|
overscroll-behavior: contain;
|
|
max-height: 60vh;
|
|
@include scrollbar-width(none, 0);
|
|
|
|
.related-item > a::before,
|
|
.related-item > span::before {
|
|
content: '|';
|
|
font-weight: 600;
|
|
margin-right: 0.5em;
|
|
position: relative;
|
|
bottom: 2px;
|
|
color: fixit-var(single-link-color);
|
|
}
|
|
}
|
|
}
|
|
}
|