dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-06-17 04:59:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Add normal variant of colors for easyness of usage in projects

Browse Source 
Signed-off-by: Avior <f.bouillon@aptatio.com>
This commit is contained in:
Florian Bouillon
2022-12-09 10:12:30 +01:00
parent d985ffc1c1
commit 5540647c04
19 changed files with 1997 additions and 1957 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/Checkbox/Checkbox.module.styl
View File

@ -20,9 +20,9 @@ $backColor = #757575
width 20px
height @width
position relative
box-shadow inset 0 0 0 2px nativeRGB(var(--gray-600))
box-shadow inset 0 0 0 2px var(--gray-600)
@media (prefers-color-scheme dark)
box-shadow inset 0 0 0 2px nativeRGB(var(--gray-400))
box-shadow inset 0 0 0 2px var(--gray-400)
border-radius 4px
transition all $transition
@ -30,7 +30,7 @@ $backColor = #757575
border-radius 20px
position absolute
transition all $transition
background nativeRGB(var(--theme-500))
background var(--theme-500)
svg
transition $transition
@ -46,8 +46,8 @@ $backColor = #757575
opacity 0
&:checked + span
background nativeRGB(var(--theme-500))
box-shadow inset 0 0 0 2px nativeRGB(var(--theme-500))
background var(--theme-500)
box-shadow inset 0 0 0 2px var(--theme-500)
svg
color white
@ -56,7 +56,7 @@ $backColor = #757575
&:hover
span
box-shadow inset 0 0 0 2px nativeRGB(var(--theme-500))
box-shadow inset 0 0 0 2px var(--theme-500)
.radio
span
@ -80,7 +80,7 @@ $backColor = #757575
&:hover span
box-shadow none
&::after
background nativeRGB(var(--theme-500))
background var(--theme-500)
span
width 24px
@ -88,14 +88,14 @@ $backColor = #757575
border-radius 20px
margin-right 10px
box-shadow none
background nativeRGB(var(--gray-500))
background var(--gray-500)
&::after
content " "
top 50%
transform translate(-50%, -50%)
left 0
background nativeRGB(var(--gray-600))
background var(--gray-600)
width 20px
height @width
@ -106,8 +106,8 @@ $backColor = #757575
&:checked + span
box-shadow none
background nativeRGB(var(--theme-300))
background var(--theme-300)
&::after
left 100%
transform translate(-50%, -50%)
background nativeRGB(var(--theme-500))
background var(--theme-500)