-
Notifications
You must be signed in to change notification settings - Fork 1
Open
Labels
enhancementNew feature or requestNew feature or request
Description
Add CSS nesting to cosmoz-toggle. Ex:
`.toggle {
appearance: none;
width: 35px;
height: 18px;
display: inline-block;
position: relative;
border-radius: 18px;
overflow: hidden;
outline: none;
border: none;
cursor: pointer;
background: var(--cz-toggle-color, #101010);
transition: background-color ease 0.25s;
margin: 0;
&::before {
content: '';
display: block;
position: absolute;
z-index: 2;
width: 14px;
height: 14px;
background: var(--cz-toggle-thumb-color, #15b0d3);
left: 2px;
top: 2px;
border-radius: 50%;
transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.25s;
}
&:checked {
background: var(--cz-toggle-checked-color, #66d7f0);
&::before {
left: 19px;
}
}
+ label {
padding-left: 16px;
font-size: 14px;
line-height: 18px;
cursor: pointer;
user-select: none;
}
&[disabled] {
opacity: 0.6;
cursor: not-allowed;
}
}`
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
enhancementNew feature or requestNew feature or request