awesome-bootstrap-checkbox - npm Package Compare versions

Comparing version 1.0.0-alpha.5 to 1.0.0

package.json

 {
   "name": "awesome-bootstrap-checkbox",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0",
   "description": "Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier.",
@@ -18,3 +18,3 @@ "main": "awesome-bootstrap-checkbox.css",
   ],
-  "author": "[e-mail] (http://flatlogic.com)",
+  "author": "[e-mail] (https://flatlogic.com)",
   "license": "MIT",
@@ -30,3 +30,7 @@ "bugs": {
     "bower.json"
-  ]
+  ],
+  "devDependencies": {
+    "bootstrap": "4.0.0-beta",
+    "font-awesome": "4.7.0"
+  }
 }

README.md

@@ -9,2 +9,4 @@ Awesome Bootstrap Checkbox
 
+Now with **[Bootstrap 4 Beta][]** support!
+
 **[Demo][]**
@@ -21,5 +23,6 @@
   ...
-  <div class="checkbox">
-    <label>
-      <input type="checkbox"> Check me out
+  <div class="form-check">
+    <label class="form-check-label">
+      <input class="form-check-input" type="checkbox">
+      Check me out
     </label>
@@ -35,6 +38,6 @@ </div>
   ...
-  <div class="checkbox abc-checkbox">
-    <input type="checkbox" id="checkbox1">
-    <label for="checkbox1">
-        Check me out
+  <div class="form-check abc-checkbox">
+    <input class="form-check-input" id="checkbox1" type="checkbox">
+    <label class="form-check-label" for="checkbox1">
+      Check me out
     </label>
@@ -62,13 +65,13 @@ </div>
   ...
-  <div class="radio abc-radio">
-      <input type="radio" name="radio2" id="radio3" value="option1">
-      <label for="radio3">
-          One
-      </label>
+  <div class="form-check abc-radio">
+    <input class="form-check-input" type="radio" name="radio1" id="radio1" value="option1" checked>
+    <label class="form-check-label" for="radio1">
+      One
+    </label>
   </div>
-  <div class="radio abc-radio">
-      <input type="radio" name="radio2" id="radio4" value="option2" checked>
-      <label for="radio4">
-          Two
-      </label>
+  <div class="form-check abc-radio">
+    <input class="form-check-input" type="radio" name="radio1" id="radio2" value="option2">
+    <label class="form-check-label" for="radio2">
+      Two
+    </label>
   </div>
@@ -86,10 +89,8 @@ ...
 
-`abc-checkbox-single` and `abc-radio-single` for inputs without label text.
-
 Inputs without label text:
 
 ````html
-<div class="checkbox abc-checkbox">
-  <input type="checkbox" class="styled" id="singleCheckbox" value="option1" aria-label="Single checkbox One">
-  <label for="singleCheckbox"></label>
+<div class="form-check abc-checkbox">
+  <input class="form-check-input" type="checkbox" id="singleCheckbox" value="option1" aria-label="Single checkbox One">
+  <label class="form-check-label" for="singleCheckbox"></label>
 </div>
@@ -101,9 +102,10 @@ ````
 
-As per example in the `demo` folder, to use Font Awesome you'll have to `@import` the following library parts:
+As per example in the `demo` folder, to use Awesome Bootstrap Checkbox you'll have to `@import` the following library parts:
 
 ````scss
-@import "../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/variables";
-@import "../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins";
+@import "../node_modules/bootstrap/scss/functions";
+@import "../node_modules/bootstrap/scss/variables";
+@import "../node_modules/bootstrap/scss/mixins";
 
-@import "../bower_components/Font-Awesome/scss/variables";
+@import "../node_modules/Font-Awesome/scss/variables";
 
@@ -130,6 +132,4 @@ @import "../awesome-bootstrap-checkbox";
 
-Or for plain CSS, override the `.abc-checkbox` class (and `.styled` class for Opera):
+Or for plain CSS, override the `.abc-checkbox` class:
 ````css
-input[type="checkbox"].styled:checked + label:after,
-input[type="radio"].styled:checked + label:after,
 .abc-checkbox input[type=checkbox]:checked + label:after {
@@ -140,4 +140,2 @@ font-family: 'Glyphicons Halflings';
 
-input[type="checkbox"].styled:checked label:after,
-input[type="radio"].styled:checked label:after,
 .abc-checkbox label:after {
@@ -153,8 +151,8 @@ padding-left: 4px;
 
-Based on the [Official Bootstrap Sass port][Bootstrap Sass] and the awesome [Font Awesome][].
+Based on the [Bootstrap][] and the awesome [Font Awesome][].
 
 
 [Demo]: http://flatlogic.github.io/awesome-bootstrap-checkbox/demo/1.0.0-alpha.1/
-[Bootstrap]: https://v4-alpha.getbootstrap.com/
-[Bootstrap Sass]: https://github.com/twbs/bootstrap-sass
+[Bootstrap]: http://getbootstrap.com/
+[Bootstrap 4 Beta]: http://getbootstrap.com/
 [Font Awesome]: https://github.com/FortAwesome/Font-Awesome
@@ -161,0 +159,0 @@ [Glyphicons]: http://getbootstrap.com/components/#glyphicons

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

49997

increased by10.39%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Dev dependency count

2

increased byInfinity%

Lines of code

477

decreased by-5.73%

Number of lines in readme file

153

decreased by-1.29%

No dependency changes