Files
FixIt/assets/css/_page/_special/_search.scss
T
Cell 3926cc0220 refactor: reorganize CSS structure and standardize CSS variable usage for improved maintainability (#690)
* 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
2026-02-28 17:24:10 +08:00

43 lines
698 B
SCSS

// Style of layout search
.special.search {
// Google CSE
.gcse-searchbox:empty,
.gcse-searchresults:empty {
display: none;
}
// search box
#___gcse_0 {
margin-bottom: 0.5rem;
form.gsc-search-box {
max-width: 100%;
margin: 0;
.gsc-input-box {
[data-theme=dark] & {
border-color: #c2c2c2;
}
input {
background-color: #fff;
}
}
}
}
#___gcse_0,
#___gcse_1 {
[data-theme=dark] & {
filter: invert(1) hue-rotate(0.5turn);
}
}
#___gcse_1 img {
[data-theme=dark] & {
filter: invert(1) hue-rotate(0.5turn) opacity(0.75);
}
}
// Bing CSE (Unsupported)
}