@bndynet/pretty-check - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/pretty-check.css.map

+{"version":3,"sources":["pretty-check.css"],"names":[],"mappings":"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","file":"pretty-check.css","sourcesContent":["/*!\n * @bndynet/pretty-check v1.0.1\n * pretty checkbox and radio\n * https://github.com/bndynet/pretty-check#readme\n *\n * Copyright (c) Bendy Zhang <[e-mail]>\n * Released under the MIT license.\n * http://bndy.net\n */\n\n@charset \"UTF-8\";\n@keyframes checkboxChecked {\n  from {\n    transform-origin: center;\n    transform: rotate3d(0, 0, 1, -200deg);\n    opacity: 0; }\n  to {\n    transform-origin: center;\n    transform: translate3d(0, 0, 0);\n    opacity: 1; } }\n\n.checkbox {\n  cursor: default;\n  padding-left: 1.5em;\n  min-height: 1em; }\n  .checkbox label {\n    cursor: pointer;\n    display: inline;\n    vertical-align: top;\n    position: relative;\n    display: inline-block;\n    line-height: 1; }\n    .checkbox label::before {\n      cursor: pointer;\n      content: \"\";\n      display: inline-block;\n      position: absolute;\n      width: calc(1em - 2px);\n      height: calc(1em - 2px);\n      top: 0;\n      left: 0;\n      margin-left: -1.5em;\n      border: 1px solid #ced4da;\n      border-radius: 3px;\n      background-color: transparent; }\n    .checkbox label::after {\n      cursor: pointer;\n      display: inline-block;\n      position: absolute;\n      width: 1em;\n      height: 1em;\n      left: 0;\n      top: 0;\n      margin-left: -1.5em;\n      color: #343a40;\n      text-align: center; }\n  .checkbox input[type=\"checkbox\"],\n  .checkbox input[type=\"radio\"] {\n    position: absolute;\n    margin-left: 0;\n    cursor: pointer;\n    opacity: 0;\n    z-index: 1;\n    left: 0; }\n    .checkbox input[type=\"checkbox\"]:focus + label::before,\n    .checkbox input[type=\"radio\"]:focus + label::before {\n      outline: none;\n      outline-offset: -2px; }\n    .checkbox input[type=\"checkbox\"]:checked + label::after,\n    .checkbox input[type=\"radio\"]:checked + label::after {\n      content: \"✔\"; }\n    .checkbox input[type=\"checkbox\"]:indeterminate + label::after,\n    .checkbox input[type=\"radio\"]:indeterminate + label::after {\n      display: block;\n      content: \"\";\n      width: 0.6em;\n      height: 2px;\n      background-color: #000000;\n      border-radius: 1px;\n      margin-left: -1.3em;\n      margin-top: calc(0.5em - 1px); }\n    .checkbox input[type=\"checkbox\"]:disabled + label,\n    .checkbox input[type=\"radio\"]:disabled + label {\n      opacity: 0.65; }\n      .checkbox input[type=\"checkbox\"]:disabled + label::before,\n      .checkbox input[type=\"radio\"]:disabled + label::before {\n        background-color: #dedede;\n        cursor: not-allowed; }\n      .checkbox input[type=\"checkbox\"]:disabled + label::after,\n      .checkbox input[type=\"radio\"]:disabled + label::after {\n        cursor: not-allowed; }\n  .checkbox.checkbox-circle label::before {\n    border-radius: 50%; }\n  .checkbox.checkbox-flat label::before {\n    border-radius: 0; }\n  .checkbox.checkbox-inline {\n    display: inline-block; }\n  .checkbox.checkbox-animated input[type=\"checkbox\"]:checked + label::after {\n    animation-name: checkboxChecked;\n    animation-duration: 0.5s;\n    animation-fill-mode: both; }\n\n.checkbox-primary input[type=\"checkbox\"]:checked + label::before,\n.checkbox-primary input[type=\"radio\"]:checked + label::before {\n  background-color: #007bff;\n  border-color: #007bff; }\n\n.checkbox-primary input[type=\"checkbox\"]:checked + label::after,\n.checkbox-primary input[type=\"radio\"]:checked + label::after {\n  color: #ffffff; }\n\n.checkbox-primary input[type=\"checkbox\"]:indeterminate + label::before,\n.checkbox-primary input[type=\"radio\"]:indeterminate + label::before {\n  background-color: #007bff;\n  border-color: #007bff; }\n\n.checkbox-primary input[type=\"checkbox\"]:indeterminate + label::after,\n.checkbox-primary input[type=\"radio\"]:indeterminate + label::after {\n  background-color: #ffffff; }\n\n.checkbox-secondary input[type=\"checkbox\"]:checked + label::before,\n.checkbox-secondary input[type=\"radio\"]:checked + label::before {\n  background-color: #6c757d;\n  border-color: #6c757d; }\n\n.checkbox-secondary input[type=\"checkbox\"]:checked + label::after,\n.checkbox-secondary input[type=\"radio\"]:checked + label::after {\n  color: #ffffff; }\n\n.checkbox-secondary input[type=\"checkbox\"]:indeterminate + label::before,\n.checkbox-secondary input[type=\"radio\"]:indeterminate + label::before {\n  background-color: #6c757d;\n  border-color: #6c757d; }\n\n.checkbox-secondary input[type=\"checkbox\"]:indeterminate + label::after,\n.checkbox-secondary input[type=\"radio\"]:indeterminate + label::after {\n  background-color: #ffffff; }\n\n.checkbox-success input[type=\"checkbox\"]:checked + label::before,\n.checkbox-success input[type=\"radio\"]:checked + label::before {\n  background-color: #28a745;\n  border-color: #28a745; }\n\n.checkbox-success input[type=\"checkbox\"]:checked + label::after,\n.checkbox-success input[type=\"radio\"]:checked + label::after {\n  color: #ffffff; }\n\n.checkbox-success input[type=\"checkbox\"]:indeterminate + label::before,\n.checkbox-success input[type=\"radio\"]:indeterminate + label::before {\n  background-color: #28a745;\n  border-color: #28a745; }\n\n.checkbox-success input[type=\"checkbox\"]:indeterminate + label::after,\n.checkbox-success input[type=\"radio\"]:indeterminate + label::after {\n  background-color: #ffffff; }\n\n.checkbox-info input[type=\"checkbox\"]:checked + label::before,\n.checkbox-info input[type=\"radio\"]:checked + label::before {\n  background-color: #17a2b8;\n  border-color: #17a2b8; }\n\n.checkbox-info input[type=\"checkbox\"]:checked + label::after,\n.checkbox-info input[type=\"radio\"]:checked + label::after {\n  color: #ffffff; }\n\n.checkbox-info input[type=\"checkbox\"]:indeterminate + label::before,\n.checkbox-info input[type=\"radio\"]:indeterminate + label::before {\n  background-color: #17a2b8;\n  border-color: #17a2b8; }\n\n.checkbox-info input[type=\"checkbox\"]:indeterminate + label::after,\n.checkbox-info input[type=\"radio\"]:indeterminate + label::after {\n  background-color: #ffffff; }\n\n.checkbox-warning input[type=\"checkbox\"]:checked + label::before,\n.checkbox-warning input[type=\"radio\"]:checked + label::before {\n  background-color: #ffc107;\n  border-color: #ffc107; }\n\n.checkbox-warning input[type=\"checkbox\"]:checked + label::after,\n.checkbox-warning input[type=\"radio\"]:checked + label::after {\n  color: #ffffff; }\n\n.checkbox-warning input[type=\"checkbox\"]:indeterminate + label::before,\n.checkbox-warning input[type=\"radio\"]:indeterminate + label::before {\n  background-color: #ffc107;\n  border-color: #ffc107; }\n\n.checkbox-warning input[type=\"checkbox\"]:indeterminate + label::after,\n.checkbox-warning input[type=\"radio\"]:indeterminate + label::after {\n  background-color: #ffffff; }\n\n.checkbox-danger input[type=\"checkbox\"]:checked + label::before,\n.checkbox-danger input[type=\"radio\"]:checked + label::before {\n  background-color: #dc3545;\n  border-color: #dc3545; }\n\n.checkbox-danger input[type=\"checkbox\"]:checked + label::after,\n.checkbox-danger input[type=\"radio\"]:checked + label::after {\n  color: #ffffff; }\n\n.checkbox-danger input[type=\"checkbox\"]:indeterminate + label::before,\n.checkbox-danger input[type=\"radio\"]:indeterminate + label::before {\n  background-color: #dc3545;\n  border-color: #dc3545; }\n\n.checkbox-danger input[type=\"checkbox\"]:indeterminate + label::after,\n.checkbox-danger input[type=\"radio\"]:indeterminate + label::after {\n  background-color: #ffffff; }\n\n.checkbox-dark input[type=\"checkbox\"]:checked + label::before,\n.checkbox-dark input[type=\"radio\"]:checked + label::before {\n  background-color: transparent;\n  border-color: #f8f9fa; }\n\n.checkbox-dark input[type=\"checkbox\"]:checked + label::after,\n.checkbox-dark input[type=\"radio\"]:checked + label::after {\n  color: #ffffff; }\n\n.checkbox-dark input[type=\"checkbox\"]:indeterminate + label::before,\n.checkbox-dark input[type=\"radio\"]:indeterminate + label::before {\n  background-color: #f8f9fa;\n  border-color: #f8f9fa; }\n\n.checkbox-dark input[type=\"checkbox\"]:indeterminate + label::after,\n.checkbox-dark input[type=\"radio\"]:indeterminate + label::after {\n  background-color: #000000; }\n\n.radio {\n  cursor: default;\n  padding-left: 1.5em; }\n  .radio label {\n    cursor: pointer;\n    vertical-align: top;\n    position: relative;\n    display: inline-block;\n    line-height: 1; }\n    .radio label::before {\n      cursor: pointer;\n      content: \"\";\n      display: inline-block;\n      position: absolute;\n      width: calc(1em - 2px);\n      height: calc(1em - 2px);\n      top: 0;\n      left: 0;\n      margin-left: -1.5em;\n      border: 1px solid #ced4da;\n      border-radius: 50%;\n      background-color: transparent; }\n    .radio label::after {\n      cursor: pointer;\n      display: inline-block;\n      position: absolute;\n      content: \" \";\n      width: calc(1em - 6px);\n      height: calc(1em - 6px);\n      left: 3px;\n      top: 3px;\n      margin-left: -1.5em;\n      border-radius: 50%;\n      background-color: #343a40;\n      transform: scale(0, 0);\n      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }\n  .radio input[type=\"radio\"] {\n    position: absolute;\n    left: 0;\n    margin-left: 0;\n    cursor: pointer;\n    opacity: 0;\n    z-index: 1; }\n    .radio input[type=\"radio\"]:focus + label::before {\n      outline: none;\n      outline-offset: -2px; }\n    .radio input[type=\"radio\"]:checked + label::after {\n      transform: scale(1, 1); }\n    .radio input[type=\"radio\"]:disabled + label {\n      opacity: 0.65; }\n      .radio input[type=\"radio\"]:disabled + label::before {\n        cursor: not-allowed; }\n      .radio input[type=\"radio\"]:disabled + label::after {\n        cursor: not-allowed; }\n  .radio.radio-inline {\n    display: inline-block; }\n  .radio.radio-animated input[type=\"radio\"]:checked + label::after {\n    transition: transform 0.5s; }\n\n.radio-primary input[type=\"radio\"] + label::after {\n  background-color: #007bff; }\n\n.radio-primary input[type=\"radio\"]:checked + label::before {\n  border-color: #007bff; }\n\n.radio-primary input[type=\"radio\"]:checked + label::after {\n  background-color: #007bff; }\n\n.radio-secondary input[type=\"radio\"] + label::after {\n  background-color: #6c757d; }\n\n.radio-secondary input[type=\"radio\"]:checked + label::before {\n  border-color: #6c757d; }\n\n.radio-secondary input[type=\"radio\"]:checked + label::after {\n  background-color: #6c757d; }\n\n.radio-success input[type=\"radio\"] + label::after {\n  background-color: #28a745; }\n\n.radio-success input[type=\"radio\"]:checked + label::before {\n  border-color: #28a745; }\n\n.radio-success input[type=\"radio\"]:checked + label::after {\n  background-color: #28a745; }\n\n.radio-info input[type=\"radio\"] + label::after {\n  background-color: #17a2b8; }\n\n.radio-info input[type=\"radio\"]:checked + label::before {\n  border-color: #17a2b8; }\n\n.radio-info input[type=\"radio\"]:checked + label::after {\n  background-color: #17a2b8; }\n\n.radio-warning input[type=\"radio\"] + label::after {\n  background-color: #ffc107; }\n\n.radio-warning input[type=\"radio\"]:checked + label::before {\n  border-color: #ffc107; }\n\n.radio-warning input[type=\"radio\"]:checked + label::after {\n  background-color: #ffc107; }\n\n.radio-danger input[type=\"radio\"] + label::after {\n  background-color: #dc3545; }\n\n.radio-danger input[type=\"radio\"]:checked + label::before {\n  border-color: #dc3545; }\n\n.radio-danger input[type=\"radio\"]:checked + label::after {\n  background-color: #dc3545; }\n\n.radio-dark input[type=\"radio\"] + label::after {\n  background-color: #f8f9fa; }\n\n.radio-dark input[type=\"radio\"]:checked + label::before {\n  border-color: #f8f9fa; }\n\n.radio-dark input[type=\"radio\"]:checked + label::after {\n  background-color: #f8f9fa; }\n"]}

dist/pretty-check.css

 @charset "UTF-8";
-.checkbox {
-  cursor: default;
-  padding-left: 1.5em;
-  min-height: 1em; }
-  .checkbox label {
-    cursor: pointer;
-    display: inline;
-    vertical-align: top;
-    position: relative;
-    display: inline-block;
-    line-height: 1; }
-    .checkbox label::before {
-      cursor: pointer;
-      content: "";
-      display: inline-block;
-      position: absolute;
-      width: calc(1em - 2px);
-      height: calc(1em - 2px);
-      top: 0;
-      left: 0;
-      margin-left: -1.5em;
-      border: 1px solid #ced4da;
-      border-radius: 3px;
-      background-color: transparent; }
-    .checkbox label::after {
-      cursor: pointer;
-      display: inline-block;
-      position: absolute;
-      width: 1em;
-      height: 1em;
-      left: 0;
-      top: 0;
-      margin-left: -1.5em;
-      color: #343a40;
-      text-align: center; }
-  .checkbox input[type="checkbox"],
-  .checkbox input[type="radio"] {
-    position: absolute;
-    margin-left: 0;
-    cursor: pointer;
-    opacity: 0;
-    z-index: 1;
-    left: 0; }
-    .checkbox input[type="checkbox"]:focus + label::before,
-    .checkbox input[type="radio"]:focus + label::before {
-      outline: none;
-      outline-offset: -2px; }
-    .checkbox input[type="checkbox"]:checked + label::after,
-    .checkbox input[type="radio"]:checked + label::after {
-      content: "✔";
-      animation-name: bounceIn;
-      -webkit-animation-duration: 0.5s;
-      animation-duration: 0.5s;
-      -webkit-animation-fill-mode: both;
-      animation-fill-mode: both; }
-    .checkbox input[type="checkbox"]:indeterminate + label::after,
-    .checkbox input[type="radio"]:indeterminate + label::after {
-      display: block;
-      content: "";
-      width: 0.6em;
-      height: 2px;
-      background-color: #000000;
-      border-radius: 1px;
-      margin-left: -1.3em;
-      margin-top: calc(0.5em - 1px); }
-    .checkbox input[type="checkbox"]:disabled + label,
-    .checkbox input[type="radio"]:disabled + label {
-      opacity: 0.65; }
-      .checkbox input[type="checkbox"]:disabled + label::before,
-      .checkbox input[type="radio"]:disabled + label::before {
-        background-color: #dedede;
-        cursor: not-allowed; }
-      .checkbox input[type="checkbox"]:disabled + label::after,
-      .checkbox input[type="radio"]:disabled + label::after {
-        cursor: not-allowed; }
-  .checkbox.checkbox-circle label::before {
-    border-radius: 50%; }
-  .checkbox.checkbox-flat label::before {
-    border-radius: 0; }
-  .checkbox.checkbox-inline {
-    margin-top: 0; }
-
-.checkbox-primary input[type="checkbox"]:checked + label::before,
-.checkbox-primary input[type="radio"]:checked + label::before {
-  background-color: #007bff;
-  border-color: #007bff; }
-
-.checkbox-primary input[type="checkbox"]:checked + label::after,
-.checkbox-primary input[type="radio"]:checked + label::after {
-  color: #ffffff; }
-
-.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
-.checkbox-primary input[type="radio"]:indeterminate + label::before {
-  background-color: #007bff;
-  border-color: #007bff; }
-
-.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
-.checkbox-primary input[type="radio"]:indeterminate + label::after {
-  background-color: #ffffff; }
-
-.checkbox-secondary input[type="checkbox"]:checked + label::before,
-.checkbox-secondary input[type="radio"]:checked + label::before {
-  background-color: #6c757d;
-  border-color: #6c757d; }
-
-.checkbox-secondary input[type="checkbox"]:checked + label::after,
-.checkbox-secondary input[type="radio"]:checked + label::after {
-  color: #ffffff; }
-
-.checkbox-secondary input[type="checkbox"]:indeterminate + label::before,
-.checkbox-secondary input[type="radio"]:indeterminate + label::before {
-  background-color: #6c757d;
-  border-color: #6c757d; }
-
-.checkbox-secondary input[type="checkbox"]:indeterminate + label::after,
-.checkbox-secondary input[type="radio"]:indeterminate + label::after {
-  background-color: #ffffff; }
-
-.checkbox-success input[type="checkbox"]:checked + label::before,
-.checkbox-success input[type="radio"]:checked + label::before {
-  background-color: #28a745;
-  border-color: #28a745; }
-
-.checkbox-success input[type="checkbox"]:checked + label::after,
-.checkbox-success input[type="radio"]:checked + label::after {
-  color: #ffffff; }
-
-.checkbox-success input[type="checkbox"]:indeterminate + label::before,
-.checkbox-success input[type="radio"]:indeterminate + label::before {
-  background-color: #28a745;
-  border-color: #28a745; }
-
-.checkbox-success input[type="checkbox"]:indeterminate + label::after,
-.checkbox-success input[type="radio"]:indeterminate + label::after {
-  background-color: #ffffff; }
-
-.checkbox-info input[type="checkbox"]:checked + label::before,
-.checkbox-info input[type="radio"]:checked + label::before {
-  background-color: #17a2b8;
-  border-color: #17a2b8; }
-
-.checkbox-info input[type="checkbox"]:checked + label::after,
-.checkbox-info input[type="radio"]:checked + label::after {
-  color: #ffffff; }
-
-.checkbox-info input[type="checkbox"]:indeterminate + label::before,
-.checkbox-info input[type="radio"]:indeterminate + label::before {
-  background-color: #17a2b8;
-  border-color: #17a2b8; }
-
-.checkbox-info input[type="checkbox"]:indeterminate + label::after,
-.checkbox-info input[type="radio"]:indeterminate + label::after {
-  background-color: #ffffff; }
-
-.checkbox-warning input[type="checkbox"]:checked + label::before,
-.checkbox-warning input[type="radio"]:checked + label::before {
-  background-color: #ffc107;
-  border-color: #ffc107; }
-
-.checkbox-warning input[type="checkbox"]:checked + label::after,
-.checkbox-warning input[type="radio"]:checked + label::after {
-  color: #ffffff; }
-
-.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
-.checkbox-warning input[type="radio"]:indeterminate + label::before {
-  background-color: #ffc107;
-  border-color: #ffc107; }
-
-.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
-.checkbox-warning input[type="radio"]:indeterminate + label::after {
-  background-color: #ffffff; }
-
-.checkbox-danger input[type="checkbox"]:checked + label::before,
-.checkbox-danger input[type="radio"]:checked + label::before {
-  background-color: #dc3545;
-  border-color: #dc3545; }
-
-.checkbox-danger input[type="checkbox"]:checked + label::after,
-.checkbox-danger input[type="radio"]:checked + label::after {
-  color: #ffffff; }
-
-.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
-.checkbox-danger input[type="radio"]:indeterminate + label::before {
-  background-color: #dc3545;
-  border-color: #dc3545; }
-
-.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
-.checkbox-danger input[type="radio"]:indeterminate + label::after {
-  background-color: #ffffff; }
-
-.checkbox-dark input[type="checkbox"]:checked + label::before,
-.checkbox-dark input[type="radio"]:checked + label::before {
-  background-color: transparent;
-  border-color: #f8f9fa; }
-
-.checkbox-dark input[type="checkbox"]:checked + label::after,
-.checkbox-dark input[type="radio"]:checked + label::after {
-  color: #ffffff; }
-
-.checkbox-dark input[type="checkbox"]:indeterminate + label::before,
-.checkbox-dark input[type="radio"]:indeterminate + label::before {
-  background-color: #f8f9fa;
-  border-color: #f8f9fa; }
-
-.checkbox-dark input[type="checkbox"]:indeterminate + label::after,
-.checkbox-dark input[type="radio"]:indeterminate + label::after {
-  background-color: #000000; }
-
-.radio {
-  cursor: default;
-  padding-left: 1.5em; }
-  .radio label {
-    cursor: pointer;
-    vertical-align: top;
-    position: relative;
-    display: inline-block;
-    line-height: 1; }
-    .radio label::before {
-      cursor: pointer;
-      content: "";
-      display: inline-block;
-      position: absolute;
-      width: calc(1em - 2px);
-      height: calc(1em - 2px);
-      top: 0;
-      left: 0;
-      margin-left: -1.5em;
-      border: 1px solid #ced4da;
-      border-radius: 50%;
-      background-color: transparent; }
-    .radio label::after {
-      cursor: pointer;
-      display: inline-block;
-      position: absolute;
-      content: " ";
-      width: calc(1em - 6px);
-      height: calc(1em - 6px);
-      left: 3px;
-      top: 3px;
-      margin-left: -1.5em;
-      border-radius: 50%;
-      background-color: #343a40;
-      transform: scale(0, 0);
-      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
-  .radio input[type="radio"] {
-    position: absolute;
-    left: 0;
-    margin-left: 0;
-    cursor: pointer;
-    opacity: 0;
-    z-index: 1; }
-    .radio input[type="radio"]:focus + label::before {
-      outline: none;
-      outline-offset: -2px; }
-    .radio input[type="radio"]:checked + label::after {
-      transform: scale(1, 1);
-      animation-name: zoomIn;
-      -webkit-animation-duration: 0.5s;
-      animation-duration: 0.5s;
-      -webkit-animation-fill-mode: both;
-      animation-fill-mode: both; }
-    .radio input[type="radio"]:disabled + label {
-      opacity: 0.65; }
-      .radio input[type="radio"]:disabled + label::before {
-        cursor: not-allowed; }
-      .radio input[type="radio"]:disabled + label::after {
-        cursor: not-allowed; }
-  .radio.radio-inline {
-    margin-top: 0; }
-
-.radio-primary input[type="radio"] + label::after {
-  background-color: #007bff; }
-
-.radio-primary input[type="radio"]:checked + label::before {
-  border-color: #007bff; }
-
-.radio-primary input[type="radio"]:checked + label::after {
-  background-color: #007bff; }
-
-.radio-secondary input[type="radio"] + label::after {
-  background-color: #6c757d; }
-
-.radio-secondary input[type="radio"]:checked + label::before {
-  border-color: #6c757d; }
-
-.radio-secondary input[type="radio"]:checked + label::after {
-  background-color: #6c757d; }
-
-.radio-success input[type="radio"] + label::after {
-  background-color: #28a745; }
-
-.radio-success input[type="radio"]:checked + label::before {
-  border-color: #28a745; }
-
-.radio-success input[type="radio"]:checked + label::after {
-  background-color: #28a745; }
-
-.radio-info input[type="radio"] + label::after {
-  background-color: #17a2b8; }
-
-.radio-info input[type="radio"]:checked + label::before {
-  border-color: #17a2b8; }
-
-.radio-info input[type="radio"]:checked + label::after {
-  background-color: #17a2b8; }
-
-.radio-warning input[type="radio"] + label::after {
-  background-color: #ffc107; }
-
-.radio-warning input[type="radio"]:checked + label::before {
-  border-color: #ffc107; }
-
-.radio-warning input[type="radio"]:checked + label::after {
-  background-color: #ffc107; }
-
-.radio-danger input[type="radio"] + label::after {
-  background-color: #dc3545; }
-
-.radio-danger input[type="radio"]:checked + label::before {
-  border-color: #dc3545; }
-
-.radio-danger input[type="radio"]:checked + label::after {
-  background-color: #dc3545; }
-
-.radio-dark input[type="radio"] + label::after {
-  background-color: #f8f9fa; }
-
-.radio-dark input[type="radio"]:checked + label::before {
-  border-color: #f8f9fa; }
-
-.radio-dark input[type="radio"]:checked + label::after {
-  background-color: #f8f9fa; }
+/*!
+ * @bndynet/pretty-check v1.0.1
+ * pretty checkbox and radio
+ * https://github.com/bndynet/pretty-check#readme
+ *
+ * Copyright (c) Bendy Zhang <[e-mail]>
+ * Released under the MIT license.
+ * http://bndy.net
+ */@-webkit-keyframes checkboxChecked{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes checkboxChecked{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.checkbox{cursor:default;padding-left:1.5em;min-height:1em}.checkbox label{cursor:pointer;display:inline;vertical-align:top;position:relative;display:inline-block;line-height:1}.checkbox label:before{cursor:pointer;content:"";display:inline-block;position:absolute;width:calc(1em - 2px);height:calc(1em - 2px);top:0;left:0;margin-left:-1.5em;border:1px solid #ced4da;border-radius:3px;background-color:transparent}.checkbox label:after{cursor:pointer;display:inline-block;position:absolute;width:1em;height:1em;left:0;top:0;margin-left:-1.5em;color:#343a40;text-align:center}.checkbox input[type=checkbox],.checkbox input[type=radio]{position:absolute;margin-left:0;cursor:pointer;opacity:0;z-index:1;left:0}.checkbox input[type=checkbox]:focus+label:before,.checkbox input[type=radio]:focus+label:before{outline:none;outline-offset:-2px}.checkbox input[type=checkbox]:checked+label:after,.checkbox input[type=radio]:checked+label:after{content:"✔"}.checkbox input[type=checkbox]:indeterminate+label:after,.checkbox input[type=radio]:indeterminate+label:after{display:block;content:"";width:.6em;height:2px;background-color:#000;border-radius:1px;margin-left:-1.3em;margin-top:calc(.5em - 1px)}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=radio]:disabled+label{opacity:.65}.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=radio]:disabled+label:before{background-color:#dedede;cursor:not-allowed}.checkbox input[type=checkbox]:disabled+label:after,.checkbox input[type=radio]:disabled+label:after{cursor:not-allowed}.checkbox.checkbox-circle label:before{border-radius:50%}.checkbox.checkbox-flat label:before{border-radius:0}.checkbox.checkbox-inline{display:inline-block}.checkbox.checkbox-animated input[type=checkbox]:checked+label:after{-webkit-animation-name:checkboxChecked;animation-name:checkboxChecked;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.checkbox-primary input[type=checkbox]:checked+label:before,.checkbox-primary input[type=radio]:checked+label:before{background-color:#007bff;border-color:#007bff}.checkbox-primary input[type=checkbox]:checked+label:after,.checkbox-primary input[type=radio]:checked+label:after{color:#fff}.checkbox-primary input[type=checkbox]:indeterminate+label:before,.checkbox-primary input[type=radio]:indeterminate+label:before{background-color:#007bff;border-color:#007bff}.checkbox-primary input[type=checkbox]:indeterminate+label:after,.checkbox-primary input[type=radio]:indeterminate+label:after{background-color:#fff}.checkbox-secondary input[type=checkbox]:checked+label:before,.checkbox-secondary input[type=radio]:checked+label:before{background-color:#6c757d;border-color:#6c757d}.checkbox-secondary input[type=checkbox]:checked+label:after,.checkbox-secondary input[type=radio]:checked+label:after{color:#fff}.checkbox-secondary input[type=checkbox]:indeterminate+label:before,.checkbox-secondary input[type=radio]:indeterminate+label:before{background-color:#6c757d;border-color:#6c757d}.checkbox-secondary input[type=checkbox]:indeterminate+label:after,.checkbox-secondary input[type=radio]:indeterminate+label:after{background-color:#fff}.checkbox-success input[type=checkbox]:checked+label:before,.checkbox-success input[type=radio]:checked+label:before{background-color:#28a745;border-color:#28a745}.checkbox-success input[type=checkbox]:checked+label:after,.checkbox-success input[type=radio]:checked+label:after{color:#fff}.checkbox-success input[type=checkbox]:indeterminate+label:before,.checkbox-success input[type=radio]:indeterminate+label:before{background-color:#28a745;border-color:#28a745}.checkbox-success input[type=checkbox]:indeterminate+label:after,.checkbox-success input[type=radio]:indeterminate+label:after{background-color:#fff}.checkbox-info input[type=checkbox]:checked+label:before,.checkbox-info input[type=radio]:checked+label:before{background-color:#17a2b8;border-color:#17a2b8}.checkbox-info input[type=checkbox]:checked+label:after,.checkbox-info input[type=radio]:checked+label:after{color:#fff}.checkbox-info input[type=checkbox]:indeterminate+label:before,.checkbox-info input[type=radio]:indeterminate+label:before{background-color:#17a2b8;border-color:#17a2b8}.checkbox-info input[type=checkbox]:indeterminate+label:after,.checkbox-info input[type=radio]:indeterminate+label:after{background-color:#fff}.checkbox-warning input[type=checkbox]:checked+label:before,.checkbox-warning input[type=radio]:checked+label:before{background-color:#ffc107;border-color:#ffc107}.checkbox-warning input[type=checkbox]:checked+label:after,.checkbox-warning input[type=radio]:checked+label:after{color:#fff}.checkbox-warning input[type=checkbox]:indeterminate+label:before,.checkbox-warning input[type=radio]:indeterminate+label:before{background-color:#ffc107;border-color:#ffc107}.checkbox-warning input[type=checkbox]:indeterminate+label:after,.checkbox-warning input[type=radio]:indeterminate+label:after{background-color:#fff}.checkbox-danger input[type=checkbox]:checked+label:before,.checkbox-danger input[type=radio]:checked+label:before{background-color:#dc3545;border-color:#dc3545}.checkbox-danger input[type=checkbox]:checked+label:after,.checkbox-danger input[type=radio]:checked+label:after{color:#fff}.checkbox-danger input[type=checkbox]:indeterminate+label:before,.checkbox-danger input[type=radio]:indeterminate+label:before{background-color:#dc3545;border-color:#dc3545}.checkbox-danger input[type=checkbox]:indeterminate+label:after,.checkbox-danger input[type=radio]:indeterminate+label:after{background-color:#fff}.checkbox-dark input[type=checkbox]:checked+label:before,.checkbox-dark input[type=radio]:checked+label:before{background-color:transparent;border-color:#f8f9fa}.checkbox-dark input[type=checkbox]:checked+label:after,.checkbox-dark input[type=radio]:checked+label:after{color:#fff}.checkbox-dark input[type=checkbox]:indeterminate+label:before,.checkbox-dark input[type=radio]:indeterminate+label:before{background-color:#f8f9fa;border-color:#f8f9fa}.checkbox-dark input[type=checkbox]:indeterminate+label:after,.checkbox-dark input[type=radio]:indeterminate+label:after{background-color:#000}.radio{cursor:default;padding-left:1.5em}.radio label{cursor:pointer;vertical-align:top;position:relative;display:inline-block;line-height:1}.radio label:before{cursor:pointer;content:"";display:inline-block;position:absolute;width:calc(1em - 2px);height:calc(1em - 2px);top:0;left:0;margin-left:-1.5em;border:1px solid #ced4da;border-radius:50%;background-color:transparent}.radio label:after{cursor:pointer;display:inline-block;position:absolute;content:" ";width:calc(1em - 6px);height:calc(1em - 6px);left:3px;top:3px;margin-left:-1.5em;border-radius:50%;background-color:#343a40;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);transition:transform .1s cubic-bezier(.8,-.33,.2,1.33);transition:transform .1s cubic-bezier(.8,-.33,.2,1.33),-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33)}.radio input[type=radio]{position:absolute;left:0;margin-left:0;cursor:pointer;opacity:0;z-index:1}.radio input[type=radio]:focus+label:before{outline:none;outline-offset:-2px}.radio input[type=radio]:checked+label:after{-webkit-transform:scale(1);transform:scale(1)}.radio input[type=radio]:disabled+label{opacity:.65}.radio input[type=radio]:disabled+label:before{cursor:not-allowed}.radio input[type=radio]:disabled+label:after{cursor:not-allowed}.radio.radio-inline{display:inline-block}.radio.radio-animated input[type=radio]:checked+label:after{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.radio-primary input[type=radio]+label:after{background-color:#007bff}.radio-primary input[type=radio]:checked+label:before{border-color:#007bff}.radio-primary input[type=radio]:checked+label:after{background-color:#007bff}.radio-secondary input[type=radio]+label:after{background-color:#6c757d}.radio-secondary input[type=radio]:checked+label:before{border-color:#6c757d}.radio-secondary input[type=radio]:checked+label:after{background-color:#6c757d}.radio-success input[type=radio]+label:after{background-color:#28a745}.radio-success input[type=radio]:checked+label:before{border-color:#28a745}.radio-success input[type=radio]:checked+label:after{background-color:#28a745}.radio-info input[type=radio]+label:after{background-color:#17a2b8}.radio-info input[type=radio]:checked+label:before{border-color:#17a2b8}.radio-info input[type=radio]:checked+label:after{background-color:#17a2b8}.radio-warning input[type=radio]+label:after{background-color:#ffc107}.radio-warning input[type=radio]:checked+label:before{border-color:#ffc107}.radio-warning input[type=radio]:checked+label:after{background-color:#ffc107}.radio-danger input[type=radio]+label:after{background-color:#dc3545}.radio-danger input[type=radio]:checked+label:before{border-color:#dc3545}.radio-danger input[type=radio]:checked+label:after{background-color:#dc3545}.radio-dark input[type=radio]+label:after{background-color:#f8f9fa}.radio-dark input[type=radio]:checked+label:before{border-color:#f8f9fa}.radio-dark input[type=radio]:checked+label:after{background-color:#f8f9fa}
+/*# sourceMappingURL=pretty-check.css.map */

package.json

 {
   "name": "@bndynet/pretty-check",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "pretty checkbox and radio",
@@ -11,7 +11,5 @@ "main": "index.js",
   "scripts": {
-    "start": "concurrently \"npm run build:dev && npm run watch:dev\" \"npm run server\"",
+    "start": "concurrently \"gulp sass\" \"gulp sass:watch\" \"npm run server\"",
     "server": "lite-server -c ./bs-config.json",
-    "build": "node-sass src -o dist && node-sass src -o docs",
-    "build:dev": "node-sass src -o docs",
-    "watch:dev": "node-sass src -wo docs",
+    "build": "gulp sass",
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -37,7 +35,13 @@ },
   "devDependencies": {
+    "autoprefixer": "^9.6.0",
     "concurrently": "^4.1.0",
-    "lite-server": "^2.4.0",
-    "node-sass": "^4.12.0"
+    "cssnano": "^4.1.10",
+    "gulp": "^4.0.2",
+    "gulp-banner": "^0.1.3",
+    "gulp-postcss": "^8.0.0",
+    "gulp-sass": "^4.0.2",
+    "gulp-sourcemaps": "^2.6.5",
+    "lite-server": "^2.4.0"
   },
   "dependencies": {}
 }

README.md

@@ -11,3 +11,3 @@ # pretty-check
 
-<div class="checkbox checkbox-[flat|circle] checkbox-[dark|primary|success|...]">
+<div class="checkbox checkbox-animated checkbox-[flat|circle] checkbox-[dark|primary|success|...]">
     <input id="chk" type="checkbox">
@@ -19,3 +19,3 @@ <label for="chk">
 
-<div class="radio radio-[dark|primary|success|...]">
+<div class="radio radio-animated radio-[dark|primary|success|...]">
     <input id="rd1" type="radio">
@@ -22,0 +22,0 @@ <label for="rd1">

src/pretty-check.scss

 $check-icon:    "\2714" !default;
-// $icon-font:     -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !default;
-$body-bg:       #000000 !default;
 $input-disabled-bg: #dedede !default;
@@ -18,3 +16,2 @@
 $theme-colors: () !default;
-// stylelint-disable-next-line scss/dollar-variable-default
 $theme-colors: map-merge(
@@ -33,2 +30,22 @@ (
 
+@keyframes checkboxChecked {
+  from {
+    transform-origin: center;
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: center;
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@mixin animateCheckbox() {
+  animation-name: checkboxChecked;
+  animation-duration: 0.5s;
+  animation-fill-mode: both;
+}
+
 @mixin checkbox-variant($theme, $color) {
@@ -73,3 +90,3 @@ .checkbox-#{$theme} input[type="checkbox"]:checked + label,
 
-  label{
+  label {
     cursor: pointer;
@@ -95,3 +112,2 @@ display: inline;
       background-color: transparent;
-    //   @include transition(border 0.15s ease-in-out, color 0.15s ease-in-out);
     }
@@ -110,3 +126,2 @@
       text-align: center;
-      // font-family: $icon-font;
     }
@@ -131,7 +146,2 @@ }
       content: $check-icon;
-      animation-name: bounceIn;
-      -webkit-animation-duration: 0.5s;
-      animation-duration: 0.5s;
-      -webkit-animation-fill-mode: both;
-      animation-fill-mode: both;
     }
@@ -174,4 +184,12 @@
   &.checkbox-inline{
-    margin-top: 0;
+    display: inline-block;
   }
+
+  &.checkbox-animated {
+    input[type="checkbox"] {
+      &:checked + label::after {
+        @include animateCheckbox();
+      }
+    }
+  }
 }
@@ -185,2 +203,6 @@
 // Radio
+@mixin animateRadio {
+  transition: transform 0.5s;
+}
+
 @mixin radio-variant($theme, $color) {
@@ -228,3 +250,2 @@ .radio-#{$theme} input[type="radio"]{
       background-color: transparent;
-    //   @include transition(border 0.15s ease-in-out);
     }
@@ -266,7 +287,2 @@
       transform: scale(1, 1);
-      animation-name: zoomIn;
-      -webkit-animation-duration: 0.5s;
-      animation-duration: 0.5s;
-      -webkit-animation-fill-mode: both;
-      animation-fill-mode: both;
     }
@@ -289,4 +305,12 @@
   &.radio-inline{
-    margin-top: 0;
+    display: inline-block;
   }
+
+  &.radio-animated {
+    input[type="radio"] {
+      &:checked + label::after {
+        @include animateRadio();
+      }
+    }
+  }
 }
@@ -293,0 +317,0 @@

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

32940

74.62%

Number of package files

5

25%

Worsened metrics

Dev dependency count

9

200%

Lines of code

48

-83.04%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes