mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
3926cc0220
* refactor: CSS variables to use fixit-var for consistency across styles * refactor: reorganize CSS structure and consolidate imports for improved maintainability * refactor: unify CSS variable usage and improve structure across stylesheets * refactor: standardize CSS variable usage for layout * refactor: standardize CSS variable usage for archive and special pages * refactor: standardize CSS variable usage for single page * refactor: standardize CSS variable usage for widgets * refactor(css): refactors the border-radius mixin and adds the .rounded-full utility class * refactor: standardize z-index usage across components * refactor(css): removes deprecated compatibility mixins and replaces them with native CSS properties * feat: unify color variable naming and update theme color values - Rename `global-font-secondary-color` to `global-placeholder-color` for more accurate description of its purpose - Update multiple style references to use the new `secondary` theme color variable - Update theme color mapping to the new color values for improved visual consistency - Fixed the use of search box placeholder colors and removed hard-coded transparency values - Added color preview test documentation for easier verification of color rendering - Cleaned up some duplicate dark mode styles and replaced them with unified CSS variables * refactor: remove the `hr-background-color` variable and uses `global-border-color` uniformly * feat(CSE): add dark theme style to Google CSE search box and results container * fix(task-lists): fixed styling and rendering issues with nested task lists
63 lines
1.3 KiB
SCSS
63 lines
1.3 KiB
SCSS
// Diagram container
|
|
.diagram-container {
|
|
position: relative;
|
|
margin-block: 0.5rem;
|
|
}
|
|
|
|
// Diagram copy button styles
|
|
.diagram-copy-btn {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
position: absolute;
|
|
top: 0.5rem;
|
|
right: 0.5rem;
|
|
line-height: 1;
|
|
padding: 0.5rem;
|
|
user-select: none;
|
|
border: 1px solid;
|
|
color: fixit-var(dcb-color, #25292e);
|
|
border-color: fixit-var(dcb-border-color, #d1d9e0);
|
|
background-color: fixit-var(dcb-background-color, #f6f8fa);
|
|
box-shadow: fixit-var(dcb-box-shadow, 0px 1px 0px 0px #1f23280a);
|
|
transition-duration: 0.1s;
|
|
transition-property: color, background-color, box-shadow, border-color;
|
|
@include border-radius;
|
|
@include z-index(base);
|
|
@extend .print-d-none;
|
|
|
|
[data-theme=dark] & {
|
|
@include set-fixit-vars((
|
|
dcb-color: #d1d7e0,
|
|
dcb-border-color: #3d444d,
|
|
dcb-background-color: #2a313c,
|
|
dcb-box-shadow: 0px 0px 0px 0px #000000,
|
|
));
|
|
}
|
|
|
|
&:hover {
|
|
@include set-fixit-vars((
|
|
dcb-border-color: #d1d9e0,
|
|
dcb-background-color: #eff2f5,
|
|
));
|
|
|
|
[data-theme=dark] & {
|
|
@include set-fixit-vars((
|
|
dcb-border-color: #3d444d,
|
|
dcb-background-color: #2f3742,
|
|
));
|
|
}
|
|
}
|
|
|
|
.fa-clone {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
&[data-copied] {
|
|
.fa-clone {
|
|
--fa: '\f00c';
|
|
--fa-style: 900;
|
|
color: fixit-var(global-link-hover-color);
|
|
}
|
|
}
|
|
}
|