custom-checkbox-radio-scss
Advanced tools
Comparing version 1.5.2 to 1.6.0
{ | ||
"name": "custom-checkbox-radio-scss", | ||
"version": "1.5.2", | ||
"version": "1.6.0", | ||
"description": "SCSS based custom checkboxes and radios; a no-JS solution.", | ||
@@ -5,0 +5,0 @@ "main": "custom-checkbox-radio.scss", |
@@ -17,4 +17,6 @@ # Custom Checkbox Radio SCSS | ||
@import '../node_modules/custom-checkbox-radio-scss/custom-checkbox-radio'; | ||
@import '~custom-checkbox-radio-scss/custom-checkbox-radio'; // (webpack 3) | ||
```scss | ||
@import "../node_modules/custom-checkbox-radio-scss/custom-checkbox-radio"; | ||
@import "~custom-checkbox-radio-scss/custom-checkbox-radio"; // (webpack 3+) | ||
``` | ||
@@ -25,25 +27,27 @@ ## Add | ||
<fieldset> | ||
<legend>Checkboxes</legend> | ||
<p class="checkbox"> | ||
<input type="checkbox" name="lorem-1" id="lorem-1"> | ||
```html | ||
<fieldset> | ||
<legend>Checkboxes</legend> | ||
<p class="checkbox"> | ||
<input type="checkbox" name="lorem-1" id="lorem-1" /> | ||
<label for="lorem-1">Lorem</label> | ||
</p> | ||
<p class="checkbox"> | ||
<input type="checkbox" name="lorem-2" id="lorem-2"> | ||
</p> | ||
<p class="checkbox"> | ||
<input type="checkbox" name="lorem-2" id="lorem-2" /> | ||
<label for="lorem-2">Ipsum</label> | ||
</p> | ||
</fieldset> | ||
</p> | ||
</fieldset> | ||
<fieldset> | ||
<legend>Radios</legend> | ||
<p class="radio"> | ||
<input type="radio" name="ipsum" id="ipsum-1" checked> | ||
<fieldset> | ||
<legend>Radios</legend> | ||
<p class="radio"> | ||
<input type="radio" name="ipsum" id="ipsum-1" checked /> | ||
<label for="ipsum-1">Lorem</label> | ||
</p> | ||
<p class="radio"> | ||
<input type="radio" name="ipsum" id="ipsum-2"> | ||
</p> | ||
<p class="radio"> | ||
<input type="radio" name="ipsum" id="ipsum-2" /> | ||
<label for="ipsum-2">Ipsum</label> | ||
</p> | ||
</fieldset> | ||
</p> | ||
</fieldset> | ||
``` | ||
@@ -56,2 +60,2 @@ ## Customise | ||
IE9 + | ||
IE9 + |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
26347
91
59