mirror
/
shoelace
kopia lustrzana https://github.com/shoelace-style/shoelace
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Simplify switch thumb calc (#490)

pull/492/head
David Gonzalez 2021-07-28 15:03:22 +02:00 zatwierdzone przez GitHub
rodzic 807cba18d1
commit b13e2c32ff
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 4AEE18F83AFDEB23
1 zmienionych plików z 2 dodań i 2 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

4
src/components/switch/switch.styles.ts
Wyświetl plik

@ -43,7 +43,7 @@ export default css`
background-color: var(--sl-color-white);
border-radius: 50%;
border: solid var(--sl-input-border-width) var(--sl-input-border-color);
transform: translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));
transform: translateX(calc((var(--width) - var(--height)) / -2));
transition: var(--sl-transition-fast) transform ease, var(--sl-transition-fast) background-color,
var(--sl-transition-fast) border-color, var(--sl-transition-fast) box-shadow;
}
@ -86,7 +86,7 @@ export default css`
.switch--checked .switch__control .switch__thumb {
background-color: var(--sl-color-white);
border-color: var(--sl-color-primary-500);
transform: translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2));
transform: translateX(calc((var(--width) - var(--height)) / 2));
}
/* Checked + hover */