/
githubmirror
/
atom
Обзор
Документация
Войти
/
githubmirror
/
atom
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/one-light-ui/styles/inputs.less
87 строк
1 KB
Will Binns-Smith
[one-{dark,light}-ui] Apply focus styles to checkbox inputs
17 сен 2018, 23:27
17 сен 2018, 23:27
c10e111
Код
Авторство
О чём код?
// // Checkbox // ------------------------- .input-checkbox { &:active { background-color: @accent-color; } &:before, &:after { background-color: @accent-text-color; } &:checked { background-color: @accent-color; } &:indeterminate { background-color: @accent-color; } } // // Radio // ------------------------- .input-radio { &:before { background-color: @accent-text-color; } &:active { background-color: @accent-color; } &:checked { background-color: @accent-color; } } // // Range (Slider) // ------------------------- .input-range { &::-webkit-slider-thumb { background-color: @accent-color; } } // // Toggle // ------------------------- .input-toggle { &:checked { background-color: @accent-color; } &:before { background-color: @accent-text-color; } } // States ------------------------- .input-checkbox, .input-text, .input-search, .input-number, .input-textarea, .input-select, .input-color { &:focus { .focus(); } } .input-text, .input-search, .input-number, .input-textarea { &:invalid { .invalid(); } }