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
105 lines
2.3 KiB
SCSS
105 lines
2.3 KiB
SCSS
.fixit-decryptor-container {
|
|
font-family: fixit-var(global-font-family);
|
|
text-align: center;
|
|
margin-block: fixit-var(decryptor-margin-block);
|
|
|
|
.fixit-decryptor-loading {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.fixit-decryptor-input,
|
|
.fixit-decryptor-btn,
|
|
.fixit-encryptor-btn {
|
|
display: none;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
color: fixit-var(global-font-color);
|
|
border: 1px solid fixit-var(global-border-color);
|
|
box-shadow: 0px 0px 5px 0px fixit-var(global-border-color);
|
|
@include border-radius;
|
|
transition: all 0.1s ease-out;
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
color: darken($global-link-hover-color, 6%);
|
|
border-color: fixit-var(global-link-hover-color);
|
|
box-shadow: 0px 0px 5px 0px lighten($global-link-hover-color, 20%);
|
|
|
|
[data-theme=dark] & {
|
|
color: lighten($global-link-hover-color-dark, 6%);
|
|
box-shadow: 0px 0px 5px 0px darken($global-link-hover-color-dark, 20%);
|
|
}
|
|
}
|
|
}
|
|
|
|
.fixit-decryptor-input {
|
|
width: calc(clamp(50%, 450px, 100%) - 100px);
|
|
height: 3rem;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
background-color: fixit-var(global-background-color);
|
|
}
|
|
|
|
.fixit-decryptor-btn,
|
|
.fixit-encryptor-btn {
|
|
cursor: pointer;
|
|
padding: 0.8rem 1rem;
|
|
background-color: fixit-var(global-background-color);
|
|
transition: all 0.1s ease-out;
|
|
}
|
|
|
|
.fixit-encryptor-btn {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
fixit-encryptor {
|
|
&.initialized > .fixit-decryptor-container {
|
|
.fixit-decryptor-input,
|
|
.fixit-decryptor-btn {
|
|
display: inline-block;
|
|
}
|
|
|
|
.fixit-decryptor-loading {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
cipher-text {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
// fixit-encryptor for for the encrypted pages
|
|
article fixit-encryptor {
|
|
.fixit-decryptor-container {
|
|
@include set-fixit-var(decryptor-margin-block, 2rem);
|
|
}
|
|
&.decrypted > .fixit-decryptor-container {
|
|
.fixit-decryptor-loading,
|
|
.fixit-decryptor-input,
|
|
.fixit-decryptor-btn {
|
|
display: none;
|
|
}
|
|
|
|
.fixit-encryptor-btn {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
|
|
// fixit-encryptor shortcodes
|
|
#content fixit-encryptor {
|
|
.fixit-decryptor-container {
|
|
@include set-fixit-var(decryptor-margin-block, 1rem);
|
|
}
|
|
&.decrypted > .fixit-decryptor-container {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.encrypted-hidden {
|
|
display: none !important;
|
|
}
|