misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

refactor(frontend): prefix css variables (#14725)

Browse source 
* wip

* Update index.d.ts

* remove unnecessary codes
This commit is contained in:
syuilo 2024-10-09 18:08:14 +09:00 • committed by GitHub
parent 0ad31bd5d4
commit 4a356f1ba7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
280 changed files with 1076 additions and 1093 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/frontend/src/components/MkSwitch.button.vue
View file

@ -51,9 +51,9 @@ const toggle = () => {
width: calc(var(--height) * 1.6);
height: calc(var(--height) + 2px); // 枠線
outline: none;
background: var(--switchOffBg);
background: var(--MI_THEME-switchOffBg);
background-clip: content-box;
border: solid 1px var(--switchOffBg);
border: solid 1px var(--MI_THEME-switchOffBg);
border-radius: 999px;
cursor: pointer;
transition: inherit;
@ -61,8 +61,8 @@ const toggle = () => {
}
.buttonChecked {
background-color: var(--switchOnBg) !important;
border-color: var(--switchOnBg) !important;
background-color: var(--MI_THEME-switchOnBg) !important;
border-color: var(--MI_THEME-switchOnBg) !important;
}
.buttonDisabled {
@ -80,12 +80,12 @@ const toggle = () => {
&:not(.knobChecked) {
left: 3px;
background: var(--switchOffFg);
background: var(--MI_THEME-switchOffFg);
}
}
.knobChecked {
left: calc(calc(100% - var(--height)) + 3px);
background: var(--switchOnFg);
background: var(--MI_THEME-switchOnFg);
}
</style>