Merge pull request #129 from animadio/dev

Release 4.2.4
philippebeck · Apr 7, 2021 · 11273a9 · 11273a9
2 parents 8ce3a78 + 4a05da9
commit 11273a9
Show file tree

Hide file tree

Showing 9 changed files with 46 additions and 114 deletions.
diff --git a/README.md b/README.md
@@ -46,8 +46,8 @@ Yarn : `yarn add animadio`
 [![jsDelivr Montly Downloads](https://img.shields.io/jsdelivr/npm/hm/animadio.svg?label=jsDelivr+Montly+Downloads)](https://www.jsdelivr.com/package/npm/animadio)
 [![jsDelivr Yearly Downloads](https://img.shields.io/jsdelivr/npm/hy/animadio.svg?label=jsDelivr+Yearly+Downloads)](https://www.jsdelivr.com/package/npm/animadio)
 
--   Development : [https://cdn.jsdelivr.net/npm/animadio@4.2.3/dist/animadio.css](https://cdn.jsdelivr.net/npm/animadio@4.2.3/dist/animadio.css) + [https://cdn.jsdelivr.net/npm/animadio@4.2.3/dist/animadio.js](https://cdn.jsdelivr.net/npm/animadio@4.2.3/dist/animadio.js)  
--   Production : [https://cdn.jsdelivr.net/npm/animadio@4.2.3/dist/animadio.min.css](https://cdn.jsdelivr.net/npm/animadio@4.2.3/dist/animadio.min.css) + [https://cdn.jsdelivr.net/npm/animadio@4.2.3/dist/animadio.min.js](https://cdn.jsdelivr.net/npm/animadio@4.2.3/dist/animadio.min.js)  
+-   Development : [https://cdn.jsdelivr.net/npm/animadio@4.2.4/dist/animadio.css](https://cdn.jsdelivr.net/npm/animadio@4.2.4/dist/animadio.css) + [https://cdn.jsdelivr.net/npm/animadio@4.2.4/dist/animadio.js](https://cdn.jsdelivr.net/npm/animadio@4.2.4/dist/animadio.js)  
+-   Production : [https://cdn.jsdelivr.net/npm/animadio@4.2.4/dist/animadio.min.css](https://cdn.jsdelivr.net/npm/animadio@4.2.4/dist/animadio.min.css) + [https://cdn.jsdelivr.net/npm/animadio@4.2.4/dist/animadio.min.js](https://cdn.jsdelivr.net/npm/animadio@4.2.4/dist/animadio.min.js)  
 
 ---
 

diff --git a/dist/animadio.css b/dist/animadio.css
@@ -1,4 +1,4 @@
-/*! animadio v4.2.3 | https://animadio.org | MIT License */
+/*! animadio v4.2.4 | https://animadio.org | MIT License */
 
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
@@ -832,15 +832,12 @@ pre {
   --btn-border-style: solid;
   --btn-border-width: medium;
   --btn-border-radius: 10px;
-  --btn-hover-border-style: solid;
-  --btn-hover-border-width: medium;
-  --btn-hover-box-shadow: inset 0 0 5px 5px;
-}
-
-.btn {
   --btn-border-color: var(--white);
   --btn-background-color: var(--black);
   --btn-color: var(--white);
+  --btn-hover-border-style: solid;
+  --btn-hover-border-width: medium;
+  --btn-hover-box-shadow: inset 0 0 5px 5px;
   --btn-hover-border-color: var(--black);
   --btn-hover-background-color: var(--white);
   --btn-hover-color: var(--black);
@@ -850,15 +847,12 @@ pre {
   --button-border-style: outset;
   --button-border-width: medium;
   --button-border-radius: 5px;
-  --button-hover-border-style: solid;
-  --button-hover-border-width: medium;
-  --button-hover-box-shadow: inset 0 0 5px 5px;
-}
-
-.button {
   --button-border-color: var(--black);
   --button-background-color: var(--white);
   --button-color: var(--black);
+  --button-hover-border-style: solid;
+  --button-hover-border-width: medium;
+  --button-hover-box-shadow: inset 0 0 5px 5px;
   --button-hover-border-color: var(--white);
   --button-hover-background-color: var(--black);
   --button-hover-color: var(--white);
@@ -3348,21 +3342,15 @@ pre > *::selection {
   border-style: var(--btn-border-style);
   border-width: var(--btn-border-width);
   border-radius: var(--btn-border-radius);
+  border-color: var(--btn-border-color);
+  background-color: var(--btn-background-color);
+  color: var(--btn-color);
 }
 
 [class*=button] {
   border-style: var(--button-border-style);
   border-width: var(--button-border-width);
   border-radius: var(--button-border-radius);
-}
-
-.btn {
-  border-color: var(--btn-border-color);
-  background-color: var(--btn-background-color);
-  color: var(--btn-color);
-}
-
-.button {
   border-color: var(--button-border-color);
   background-color: var(--button-background-color);
   color: var(--button-color);
@@ -3386,6 +3374,9 @@ pre > *::selection {
   border-style: var(--btn-hover-border-style);
   border-width: var(--btn-hover-border-width);
   box-shadow: var(--btn-hover-box-shadow);
+  border-color: var(--btn-hover-border-color);
+  background-color: var(--btn-hover-background-color);
+  color: var(--btn-hover-color);
 }
 
 [class*=button]:hover,
@@ -3394,19 +3385,6 @@ pre > *::selection {
   border-style: var(--button-hover-border-style);
   border-width: var(--button-hover-border-width);
   box-shadow: var(--button-hover-box-shadow);
-}
-
-.btn:hover,
-.btn:focus,
-.btn-check:checked + .btn {
-  border-color: var(--btn-hover-border-color);
-  background-color: var(--btn-hover-background-color);
-  color: var(--btn-hover-color);
-}
-
-.button:hover,
-.button:focus,
-.button-check:checked + .button {
   border-color: var(--button-hover-border-color);
   background-color: var(--button-hover-background-color);
   color: var(--button-hover-color);
@@ -7567,4 +7545,4 @@ pre > *::selection {
 }
 
 /*! Author: Philippe Beck <philippe@philippebeck.net>
- Updated: 7th Apr 2021 @ 6:31:43 PM */
+ Updated: 7th Apr 2021 @ 6:43:41 PM */
diff --git a/dist/animadio.js b/dist/animadio.js
@@ -1,4 +1,4 @@
-/*! animadio v4.2.3 | https://animadio.org | MIT License */
+/*! animadio v4.2.4 | https://animadio.org | MIT License */
 
 "use strict";
 
@@ -462,4 +462,4 @@ class Ajax {
 }
 
 /*! Author: Philippe Beck <philippe@philippebeck.net>
- Updated: 7th Apr 2021 @ 6:31:43 PM */
+ Updated: 7th Apr 2021 @ 6:43:41 PM */
diff --git a/dist/animadio.min.css b/dist/animadio.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "animadio",
-  "version": "4.2.3",
+  "version": "4.2.4",
   "description": "Animadio Framework - Grid & Flexbox Layouts - Reusable & Customizable Elements - Perform Complex Animations - Controls by Radio Buttons",
   "keywords": [
     "css framework",

diff --git a/src/classes/_btn.scss b/src/classes/_btn.scss
@@ -19,21 +19,15 @@
   border-style: var(--btn-border-style);
   border-width: var(--btn-border-width);
   border-radius: var(--btn-border-radius);
+  border-color: var(--btn-border-color);
+  background-color: var(--btn-background-color);
+  color: var(--btn-color);
 }
 
 [class*="button"] {
   border-style: var(--button-border-style);
   border-width: var(--button-border-width);
   border-radius: var(--button-border-radius);
-}
-
-.btn {
-  border-color: var(--btn-border-color);
-  background-color: var(--btn-background-color);
-  color: var(--btn-color);
-}
-
-.button {
   border-color: var(--button-border-color);
   background-color: var(--button-background-color);
   color: var(--button-color);
@@ -56,6 +50,9 @@
   border-style: var(--btn-hover-border-style);
   border-width: var(--btn-hover-border-width);
   box-shadow: var(--btn-hover-box-shadow);
+  border-color: var(--btn-hover-border-color);
+  background-color: var(--btn-hover-background-color);
+  color: var(--btn-hover-color);
 }
 
 [class*="button"]:hover,
@@ -64,19 +61,6 @@
   border-style: var(--button-hover-border-style);
   border-width: var(--button-hover-border-width);
   box-shadow: var(--button-hover-box-shadow);
-}
-
-.btn:hover,
-.btn:focus,
-.btn-check:checked + .btn {
-  border-color: var(--btn-hover-border-color);
-  background-color: var(--btn-hover-background-color);
-  color: var(--btn-hover-color);
-}
-
-.button:hover,
-.button:focus,
-.button-check:checked + .button {
   border-color: var(--button-hover-border-color);
   background-color: var(--button-hover-background-color);
   color: var(--button-hover-color);

diff --git a/src/css/animadio.css b/src/css/animadio.css
diff --git a/src/css/animadio.css.map b/src/css/animadio.css.map
diff --git a/src/variables/_btn.var.scss b/src/variables/_btn.var.scss
@@ -92,17 +92,13 @@ $btn-shapes: (
   --btn-border-style: solid;
   --btn-border-width: medium;
   --btn-border-radius: 10px;
-
-  --btn-hover-border-style: solid;
-  --btn-hover-border-width: medium;
-  --btn-hover-box-shadow: inset 0 0 5px 5px;
-}
-
-.btn {
   --btn-border-color: var(--white);
   --btn-background-color: var(--black);
   --btn-color: var(--white);
 
+  --btn-hover-border-style: solid;
+  --btn-hover-border-width: medium;
+  --btn-hover-box-shadow: inset 0 0 5px 5px;
   --btn-hover-border-color: var(--black);
   --btn-hover-background-color: var(--white);
   --btn-hover-color: var(--black);
@@ -112,17 +108,13 @@ $btn-shapes: (
   --button-border-style: outset;
   --button-border-width: medium;
   --button-border-radius: 5px;
-
-  --button-hover-border-style: solid;
-  --button-hover-border-width: medium;
-  --button-hover-box-shadow: inset 0 0 5px 5px;
-}
-
-.button {
   --button-border-color: var(--black);
   --button-background-color: var(--white);
   --button-color: var(--black);
 
+  --button-hover-border-style: solid;
+  --button-hover-border-width: medium;
+  --button-hover-box-shadow: inset 0 0 5px 5px;
   --button-hover-border-color: var(--white);
   --button-hover-background-color: var(--black);
   --button-hover-color: var(--white);