https://github.com/sms-system/checkbox-pseudos
PostCSS plugin adding pseudos for customizing input checkboxes (and radiobuttons too)
https://github.com/sms-system/checkbox-pseudos
checkbox postcss postcss-plugin pseudo-selectors styling
Last synced: 4 months ago
JSON representation
PostCSS plugin adding pseudos for customizing input checkboxes (and radiobuttons too)
- Host: GitHub
- URL: https://github.com/sms-system/checkbox-pseudos
- Owner: sms-system
- License: mit
- Created: 2017-05-31T11:58:04.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-06-23T09:45:02.000Z (about 9 years ago)
- Last Synced: 2025-10-08T12:07:34.298Z (9 months ago)
- Topics: checkbox, postcss, postcss-plugin, pseudo-selectors, styling
- Language: JavaScript
- Size: 2.93 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# checkbox-pseudos
PostCSS plugin adding pseudo elements for customizing input checkboxes (and radiobuttons too)
```css
/* before */
input[type="checkbox"]::input-box {
background-color: red;
}
input[type="checkbox"]::input-mark {
background-color: green;
}
/* after */
input[type="checkbox"]:not(checked) + label::before {
background-color: red;
}
input[type="checkbox"]:not(checked) + label::after {
background-color: green;
}
```
## Options
#### `BOX_PSEUDO`
Type: `String`
Default: `input-box`
Pseudo element for box
#### `MARK_PSEUDO`
Type: `String`
Default: `input-check`
Pseudo element for check
#### `NEIGHBOR_SELECTOR`
Type: `String`
Default: `label`
Selector for element next to input