Push v0.1.1

README.md

@@ -1,4 +1,4 @@
-checkBo lightweight jQuery plugin
+checkBo lightweight jQuery plugin v0.1.1
 =======
 
 Custom Checkbox and Radio, lightweight jQuery Plugin
@@ -14,6 +14,8 @@ Demo and Documentation are available [here](http://elmahdim.com/checkbo/)
 * Check all checkboxes
 * Size options: Default, Small, Medium, Large
 * NO classes or custom attributes are required for states :checked.
+* Toggle Check all text **new**
+* Show, Hide and Toggle elements **new**
 * More options are Coming soon..
 
 ## LICENSE
@@ -41,5 +43,9 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
 
-### History
-* v0.1. First release.
+### Changelog
+* v0.1.0 First release.
+* v0.1.1 Bug fix, improvements and new features:
+	* Bug fix: radio group
+	* Improvements: re-structure `src` folder versions and general improvements
+	* New features: Check all toggle text. Show, Hide and Toggle.

src/0.1.1/css/checkBo.css

@@ -0,0 +1,291 @@
+/*
+ * checkBo lightweight jQuery plugin v0.1.1 by  @ElmahdiMahmoud
+ * Licensed under the MIT license - https://github.com/elmahdim/checkbo/blob/master/LICENSE
+ *
+ * Custom checkbox and radio
+ * Author URL: elmahdim.com
+ */
+.cb-checkbox .cb-inner,
+.cb-checkbox i {
+  width:18px;
+  height:18px;
+  -moz-border-radius:3px;
+  -webkit-border-radius:3px;
+  border-radius:3px;
+}
+
+.cb-checkbox.cb-sm i,
+.cb-checkbox.cb-sm .cb-inner {
+  width:14px;
+  height:14px;
+}
+
+.cb-checkbox.cb-md i,
+.cb-checkbox.cb-md .cb-inner {
+  width:24px;
+  height:24px;
+  -moz-border-radius:4px;
+  -webkit-border-radius:4px;
+  border-radius:4px;
+}
+
+.cb-checkbox.cb-lg i,
+.cb-checkbox.cb-lg .cb-inner {
+  width:30px;
+  height:30px;
+  -moz-border-radius:6px;
+  -webkit-border-radius:6px;
+  border-radius:6px;
+}
+
+.cb-radio .cb-inner {
+  width:18px;
+  height:18px;
+}
+
+.cb-radio.cb-sm .cb-inner {
+  width:14px;
+  height:14px;
+}
+
+.cb-radio.cb-md .cb-inner {
+  width:24px;
+  height:24px;
+}
+
+.cb-radio.cb-lg .cb-inner {
+  width:30px;
+  height:30px;
+}
+
+.cb-checkbox,
+.cb-radio {
+  padding:3px 0;
+  color:inherit;
+  cursor:pointer;
+  overflow:hidden;
+  font-size:inherit;
+  font-weight:normal;
+  display:inline-block;
+  line-height:18px;
+}
+
+.cb-checkbox.disabled,
+.cb-checkbox.disabled *,
+.cb-radio.disabled,
+.cb-radio.disabled * { cursor:default; }
+
+.cb-checkbox input[type="checkbox"],
+.cb-radio input[type="radio"] { display:none; }
+
+.cb-checkbox.disabled,
+.cb-checkbox.disabled *,
+.cb-radio.disabled,
+.cb-radio.disabled * { cursor:default; }
+
+.cb-checkbox.disabled { color:#ddd; }
+
+.cb-checkbox.disabled .cb-inner { color:#ddd; }
+
+.cb-checkbox.disabled:hover .cb-inner { border-color:#ddd; }
+
+.cb-checkbox.disabled.checked .cb-inner {
+  background-color:#ddd;
+  border-color:#ddd;
+}
+
+.cb-radio.disabled { color:#ddd; }
+
+.cb-radio.disabled .cb-inner { border-color:#ddd; }
+
+.cb-radio.disabled i { background-color:transparent; }
+
+.cb-radio.disabled.checked .cb-inner { border-color:#ddd; }
+
+.cb-radio.disabled.checked .cb-inner i { background-color:#ddd; }
+
+.cb-radio.disabled:hover .cb-inner { border-color:#ddd; }
+
+.cb-checkbox .cb-inner {
+  float:left;
+  overflow:hidden;
+  margin:0 5px 0 0;
+  position:relative;
+  background:#f2f2f2;
+  display:inline-block;
+  border:1px solid #d6d6d6;
+  -moz-transition:all 0.5s ease;
+  -o-transition:all 0.5s ease;
+  -webkit-transition:all 0.5s ease;
+  transition:all 0.5s ease;
+}
+
+.cb-checkbox i {
+  top:1px;
+  left:2px;
+  display:block;
+  position:absolute;
+}
+
+.cb-checkbox i:before,
+.cb-checkbox i:after {
+  height:0;
+  width:2px;
+  content:"";
+  display:block;
+  position:absolute;
+  background-color:#fff;
+  -moz-transition:all 0.2s ease;
+  -o-transition:all 0.2s ease;
+  -webkit-transition:all 0.2s ease;
+  transition:all 0.2s ease;
+}
+
+.cb-checkbox i:before {
+  top:0;
+  left:0;
+  -moz-transform:rotate(-45deg);
+  -ms-transform:rotate(-45deg);
+  -webkit-transform:rotate(-45deg);
+  transform:rotate(-45deg);
+}
+
+.cb-checkbox i:after {
+  left:7px;
+  bottom:5px;
+  -moz-transition-delay:0.3s;
+  -o-transition-delay:0.3s;
+  -webkit-transition-delay:0.3s;
+  transition-delay:0.3s;
+  -moz-transform:rotate(30deg);
+  -ms-transform:rotate(30deg);
+  -webkit-transform:rotate(30deg);
+  transform:rotate(30deg);
+}
+
+.cb-radio .cb-inner {
+  float:left;
+  overflow:hidden;
+  margin:0 5px 0 0;
+  position:relative;
+  display:inline-block;
+  border:1px solid #d7d7d7;
+  background-color:#f2f2f2;
+  -moz-border-radius:100%;
+  -webkit-border-radius:100%;
+  border-radius:100%;
+  -moz-transition:all 0.1s ease;
+  -o-transition:all 0.1s ease;
+  -webkit-transition:all 0.1s ease;
+  transition:all 0.1s ease;
+}
+
+.cb-radio i {
+  top:50%;
+  left:50%;
+  width:6px;
+  height:6px;
+  margin-top:-3px;
+  margin-left:-3px;
+  position:absolute;
+  background-color:transparent;
+  -moz-border-radius:100%;
+  -webkit-border-radius:100%;
+  border-radius:100%;
+  -moz-transform:scale(0.05,5);
+  -ms-transform:scale(0.05,5);
+  -webkit-transform:scale(0.05,5);
+  transform:scale(0.05,5);
+  -moz-transition:all 0.2s ease;
+  -o-transition:all 0.2s ease;
+  -webkit-transition:all 0.2s ease;
+  transition:all 0.2s ease;
+}
+
+.cb-checkbox.cb-sm,
+.cb-radio.cb-sm { line-height:14px; }
+
+.cb-checkbox.cb-md,
+.cb-radio.cb-md { line-height:24px; }
+
+.cb-checkbox.cb-lg,
+.cb-radio.cb-lg { line-height:30px; }
+
+.cb-checkbox.cb-sm i:before {
+  top:4px;
+  left:1px;
+}
+
+.cb-checkbox.cb-sm i:after { left:5px; }
+
+.cb-checkbox.cb-md i:before {
+  top:10px;
+  left:5px;
+}
+
+.cb-checkbox.cb-md i:after {
+  bottom:6px;
+  left:11px;
+}
+
+.cb-checkbox.checked .cb-inner {
+  border-color:#3877DC;
+  background-color:#3877DC;
+}
+
+.cb-checkbox.checked.cb-sm i:before {
+  top:4px;
+  left:1px;
+}
+
+.cb-checkbox.checked.cb-sm i:after { height:9px; }
+
+.cb-checkbox.checked.cb-md i:before {
+  top:10px;
+  left:4px;
+  height:8px;
+}
+
+.cb-checkbox.checked.cb-md i:after {
+  bottom:6px;
+  left:11px;
+  height:16px;
+}
+
+.cb-checkbox.checked.cb-lg i:before {
+  top:11px;
+  left:6px;
+  height:12px;
+}
+
+.cb-checkbox.checked.cb-lg i:after {
+  left:14px;
+  bottom:7px;
+  height:20px;
+}
+
+.cb-checkbox.checked i:before {
+  top:6px;
+  left:2px;
+  height:6px;
+}
+
+.cb-checkbox.checked i:after { height:12px; }
+
+.cb-radio.checked .cb-inner {
+  background:#fff;
+  box-shadow:0 0 3px #efefef;
+}
+
+.cb-radio.checked i {
+  transform:scale(1.1,1.1);
+  background-color:#3877DC;
+}
+
+.cb-checkbox:hover .cb-inner,
+.cb-radio:hover .cb-inner { border-color:#3877DC; }
+
+.is-hidden {
+  display:none !important;
+  visibility:hidden !important;
+}