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
70 lines
1.2 KiB
SCSS
70 lines
1.2 KiB
SCSS
.taxonomy-cards {
|
|
margin: 0 auto;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
line-height: 1.6rem;
|
|
|
|
.card-item {
|
|
font-size: 0.875rem;
|
|
text-align: left;
|
|
width: 45%;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
min-height: 10rem;
|
|
padding: 0 2%;
|
|
position: relative;
|
|
|
|
&:nth-child(n+3){
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.card-item-wrapper {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
|
|
.card-item-title {
|
|
font-size: 1.2rem;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
margin-top: 1rem;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.more-post {
|
|
text-align: right;
|
|
padding-right: 1rem;
|
|
}
|
|
}
|
|
|
|
@include media('xs') {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.archive-item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
margin: 0.25rem 0 0.25rem 1.5rem;
|
|
}
|
|
|
|
.archive-item-link {
|
|
min-width: 10%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
@include link(true, true);
|
|
}
|
|
|
|
.archive-item-date {
|
|
text-align: right;
|
|
color: fixit-var(global-font-secondary-color);
|
|
white-space: nowrap;
|
|
@extend .variant-numeric;
|
|
}
|