@medyll/cssfabric 0.0.14 → 0.0.15

package/css/mystyles.css

@@ -0,0 +1,280 @@
+/* cssFabric vars */
+:root {
+  /* theme primary colors*/
+  --theme-color-primary: #0288d1;
+  --theme-color-primary-light: #23b0fd;
+  --theme-color-primary-lighter: #6ecbfe;
+  --theme-color-primary-dark: #02679e;
+  --theme-color-primary-darker: #01466c;
+  --theme-color-primary-complement: #d14b02;
+  --theme-color-primary-invert: #fd772e;
+  --theme-color-primary-alpha-low: rgba(2, 136, 209, 0.8);
+  --theme-color-primary-alpha-mid: rgba(2, 136, 209, 0.3);
+  --theme-color-primary-alpha-high: rgba(2, 136, 209, 0.1);
+  /* theme secondary colors*/
+  --theme-color-secondary: #D14B02;
+  --theme-color-secondary-light: #fd7023;
+  --theme-color-secondary-lighter: #fea16e;
+  --theme-color-secondary-dark: #9e3902;
+  --theme-color-secondary-darker: #6c2701;
+  --theme-color-secondary-complement: #0288d1;
+  --theme-color-secondary-invert: #2eb4fd;
+  --theme-color-secondary-alpha-low: rgba(209, 75, 2, 0.8);
+  --theme-color-secondary-alpha-mid: rgba(209, 75, 2, 0.3);
+  --theme-color-secondary-alpha-high: rgba(209, 75, 2, 0.1);
+  /* theme tertiary colors*/
+  --theme-color-tertiary: #88D102;
+  --theme-color-tertiary-light: #b0fd23;
+  --theme-color-tertiary-lighter: #cbfe6e;
+  --theme-color-tertiary-dark: #679e02;
+  --theme-color-tertiary-darker: #466c01;
+  --theme-color-tertiary-complement: #4b02d1;
+  --theme-color-tertiary-invert: #772efd;
+  --theme-color-tertiary-alpha-low: rgba(136, 209, 2, 0.8);
+  --theme-color-tertiary-alpha-mid: rgba(136, 209, 2, 0.3);
+  --theme-color-tertiary-alpha-high: rgba(136, 209, 2, 0.1);
+  --theme-color-foreground: #282230;
+  --theme-color-text: #282230;
+  --theme-color-background: #f1f1f1;
+  --theme-color-paper: #ededed;
+  --theme-color-border: var(--theme-color-primary-alpha-mid);
+  --theme-color-overlay: "";
+  /* color-scheme */
+  --color-scheme-discrete: #ccc;
+  --color-scheme-discrete-light: #f2f2f2;
+  --color-scheme-discrete-dark: #b3b3b3;
+  --color-scheme-success: green;
+  --color-scheme-success-light: #00cd00;
+  --color-scheme-success-dark: #004d00;
+  --color-scheme-info: #ffdd57;
+  --color-scheme-info-light: #ffeda3;
+  --color-scheme-info-dark: #ffd324;
+  --color-scheme-warning: #e6b905;
+  --color-scheme-warning-light: #fbd53c;
+  --color-scheme-warning-dark: #b49104;
+  --color-scheme-alert: #ff7300;
+  --color-scheme-alert-light: #ff9d4d;
+  --color-scheme-alert-dark: #cc5c00;
+  --color-scheme-error: red;
+  --color-scheme-error-light: #ff4d4d;
+  --color-scheme-error-dark: #cc0000;
+  /* color-palette */
+  /* color-palette yellow */
+  --color-palette-yellow: #ffb900;
+  --color-palette-yellow-lighter: #ffe399;
+  --color-palette-yellow-light: #ffce4d;
+  --color-palette-yellow-dark: #cc9400;
+  --color-palette-yellow-darker: #996f00;
+  --color-palette-yellow-complement: #0046ff;
+  --color-palette-yellow-invert: #0046ff;
+  --color-palette-yellow-alpha-low: rgba(255, 185, 0, 0.8);
+  --color-palette-yellow-alpha-mid: rgba(255, 185, 0, 0.3);
+  --color-palette-yellow-alpha-high: rgba(255, 185, 0, 0.1);
+  /* color-palette orange */
+  --color-palette-orange: #d83b01;
+  --color-palette-orange-lighter: #fe9974;
+  --color-palette-orange-light: #fe6127;
+  --color-palette-orange-dark: #a52d01;
+  --color-palette-orange-darker: #721f01;
+  --color-palette-orange-complement: #019ed8;
+  --color-palette-orange-invert: #27c4fe;
+  --color-palette-orange-alpha-low: rgba(216, 59, 1, 0.8);
+  --color-palette-orange-alpha-mid: rgba(216, 59, 1, 0.3);
+  --color-palette-orange-alpha-high: rgba(216, 59, 1, 0.1);
+  /* color-palette red */
+  --color-palette-red: #d13438;
+  --color-palette-red-lighter: #edb1b2;
+  --color-palette-red-light: #df7275;
+  --color-palette-red-dark: #ab272a;
+  --color-palette-red-darker: #821d20;
+  --color-palette-red-complement: #34d1cd;
+  --color-palette-red-invert: #2ecbc7;
+  --color-palette-red-alpha-low: rgba(209, 52, 56, 0.8);
+  --color-palette-red-alpha-mid: rgba(209, 52, 56, 0.3);
+  --color-palette-red-alpha-high: rgba(209, 52, 56, 0.1);
+  /* color-palette magenta */
+  --color-palette-magenta: #b4009e;
+  --color-palette-magenta-lighter: #ff4ee9;
+  --color-palette-magenta-light: #ff02e0;
+  --color-palette-magenta-dark: #810071;
+  --color-palette-magenta-darker: #4e0044;
+  --color-palette-magenta-complement: #00b416;
+  --color-palette-magenta-invert: #4bff61;
+  --color-palette-magenta-alpha-low: rgba(180, 0, 158, 0.8);
+  --color-palette-magenta-alpha-mid: rgba(180, 0, 158, 0.3);
+  --color-palette-magenta-alpha-high: rgba(180, 0, 158, 0.1);
+  /* color-palette purple */
+  --color-palette-purple: #5c2d91;
+  --color-palette-purple-lighter: #a980d7;
+  --color-palette-purple-light: #8145c5;
+  --color-palette-purple-dark: #43216a;
+  --color-palette-purple-darker: #2b1543;
+  --color-palette-purple-complement: #62912d;
+  --color-palette-purple-invert: #a3d26e;
+  --color-palette-purple-alpha-low: rgba(92, 45, 145, 0.8);
+  --color-palette-purple-alpha-mid: rgba(92, 45, 145, 0.3);
+  --color-palette-purple-alpha-high: rgba(92, 45, 145, 0.1);
+  /* color-palette green */
+  --color-palette-green: #107c10;
+  --color-palette-green-lighter: #3fe63f;
+  --color-palette-green-light: #19c019;
+  --color-palette-green-dark: #0a4f0a;
+  --color-palette-green-darker: #042204;
+  --color-palette-green-complement: #7c107c;
+  --color-palette-green-invert: #ef83ef;
+  --color-palette-green-alpha-low: rgba(16, 124, 16, 0.8);
+  --color-palette-green-alpha-mid: rgba(16, 124, 16, 0.3);
+  --color-palette-green-alpha-high: rgba(16, 124, 16, 0.1);
+  /* color-palette teal */
+  --color-palette-teal: #008272;
+  --color-palette-teal-lighter: #1cffe3;
+  --color-palette-teal-light: #00cfb5;
+  --color-palette-teal-dark: #004f45;
+  --color-palette-teal-darker: #001c19;
+  --color-palette-teal-complement: #820010;
+  --color-palette-teal-invert: #ff7d8d;
+  --color-palette-teal-alpha-low: rgba(0, 130, 114, 0.8);
+  --color-palette-teal-alpha-mid: rgba(0, 130, 114, 0.3);
+  --color-palette-teal-alpha-high: rgba(0, 130, 114, 0.1);
+  /* color-palette blue */
+  --color-palette-blue: #0078d4;
+  --color-palette-blue-lighter: #6ec0ff;
+  --color-palette-blue-light: #229fff;
+  --color-palette-blue-dark: #005ba1;
+  --color-palette-blue-darker: #003e6e;
+  --color-palette-blue-complement: #d45c00;
+  --color-palette-blue-invert: #ff872b;
+  --color-palette-blue-alpha-low: rgba(0, 120, 212, 0.8);
+  --color-palette-blue-alpha-mid: rgba(0, 120, 212, 0.3);
+  --color-palette-blue-alpha-high: rgba(0, 120, 212, 0.1);
+  /* color-palette dark */
+  --color-palette-dark: #323232;
+  --color-palette-dark-lighter: #7f7f7f;
+  --color-palette-dark-light: #585858;
+  --color-palette-dark-dark: #191919;
+  --color-palette-dark-darker: black;
+  --color-palette-dark-complement: #323232;
+  --color-palette-dark-invert: #cdcdcd;
+  --color-palette-dark-alpha-low: rgba(50, 50, 50, 0.8);
+  --color-palette-dark-alpha-mid: rgba(50, 50, 50, 0.3);
+  --color-palette-dark-alpha-high: rgba(50, 50, 50, 0.1);
+  /* grays */
+  --color-gray-100: #f4f4f4;
+  --color-gray-100-alpha-low: rgba(244, 244, 244, 0.8);
+  --color-gray-200: #e9e9e9;
+  --color-gray-200-alpha-low: rgba(233, 233, 233, 0.8);
+  --color-gray-300: #dddddd;
+  --color-gray-300-alpha-low: rgba(221, 221, 221, 0.8);
+  --color-gray-400: #d2d2d2;
+  --color-gray-400-alpha-low: rgba(210, 210, 210, 0.8);
+  --color-gray-500: #c7c7c7;
+  --color-gray-500-alpha-low: rgba(199, 199, 199, 0.8);
+  --color-gray-600: #bbbbbb;
+  --color-gray-600-alpha-low: rgba(187, 187, 187, 0.8);
+  --color-gray-700: #b0b0b0;
+  --color-gray-700-alpha-low: rgba(176, 176, 176, 0.8);
+  --color-gray-800: #a4a4a4;
+  --color-gray-800-alpha-low: rgba(164, 164, 164, 0.8);
+  --color-gray-900: #999999;
+  --color-gray-900-alpha-low: rgba(153, 153, 153, 0.8);
+  /* shadows */
+  --box-shad-1: 0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15), 0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-2: 0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15), 0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-3: 0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15), 0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-4: 0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15), 0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-5: 0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15), 0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-6: 0 5px 10.3448275862px 0 rgba(0, 0, 0, 0.15), 0 0.9160305344px 2.7906976744px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-7: 0 5.8333333333px 12.0689655172px 0 rgba(0, 0, 0, 0.15), 0 1.0687022901px 3.2558139535px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-8: 0 6.6666666667px 13.7931034483px 0 rgba(0, 0, 0, 0.15), 0 1.2213740458px 3.7209302326px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-9: 0 7.5px 15.5172413793px 0 rgba(0, 0, 0, 0.15), 0 1.3740458015px 4.1860465116px 0 rgba(0, 0, 0, 0.1);
+  --box-shad-10: 0 8.3333333333px 17.2413793103px 0 rgba(0, 0, 0, 0.15), 0 1.5267175573px 4.6511627907px 0 rgba(0, 0, 0, 0.1);
+  /* boxes */
+  --box-sp-1: 0.5rem;
+  --box-sp-2: 1rem;
+  --box-sp-3: 1.5rem;
+  --box-sp-4: 2rem;
+  --box-sp-5: 2.5rem;
+  --box-sp-6: 3rem;
+  --box-sp-7: 3.5rem;
+  --box-sp-8: 4rem;
+  --box-sp-9: 4.5rem;
+  --box-sp-10: 5rem;
+  --box-sp-11: 5.5rem;
+  --box-sp-12: 6rem;
+  --box-sp-13: 6.5rem;
+  --box-sp-14: 7rem;
+  --box-sp-15: 7.5rem;
+  --box-sp-16: 8rem;
+  --box-sp-17: 8.5rem;
+  --box-sp-18: 9rem;
+  --box-sp-19: 9.5rem;
+  --box-sp-20: 10rem;
+  --box-sp-21: 10.5rem;
+  --box-sp-22: 11rem;
+  --box-sp-23: 11.5rem;
+  --box-sp-24: 12rem;
+  --box-sp-25: 12.5rem;
+  --box-sp-26: 13rem;
+  --box-sp-27: 13.5rem;
+  --box-sp-28: 14rem;
+  --box-sp-29: 14.5rem;
+  --box-sp-30: 15rem;
+  --box-sp-31: 15.5rem;
+  --box-sp-32: 16rem;
+  /* text */
+  /*Hs*/
+  --font-size-h1: 3.1rem;
+  --font-size-h2: 2.68rem;
+  --font-size-h3: 2.26rem;
+  --font-size-h4: 1.84rem;
+  --font-size-h5: 1.42rem;
+  --font-size-h6: 1rem;
+  /*weight*/
+  --font-weight-50: 50;
+  --font-weight-100: 100;
+  --font-weight-300: 400;
+  --font-weight-500: 500;
+  --font-weight-900: 900;
+  --font-weight-light: lighter;
+  --font-weight-cap: normal;
+  --font-weight-bold: bold;
+  --font-weight-bolder: bolder;
+  /*text shadows color_schemes*/
+  --text-shadow-discrete: 0 0 0.125em #ccc;
+  --text-shadow-success: 0 0 0.125em green;
+  --text-shadow-info: 0 0 0.125em #ffdd57;
+  --text-shadow-warning: 0 0 0.125em #e6b905;
+  --text-shadow-alert: 0 0 0.125em #ff7300;
+  --text-shadow-error: 0 0 0.125em red;
+  /*text-shadows color_palette */
+  --text-shadow-yellow: 0 0 0.125em #ffb900;
+  --text-shadow-orange: 0 0 0.125em #d83b01;
+  --text-shadow-red: 0 0 0.125em #d13438;
+  --text-shadow-magenta: 0 0 0.125em #b4009e;
+  --text-shadow-purple: 0 0 0.125em #5c2d91;
+  --text-shadow-green: 0 0 0.125em #107c10;
+  --text-shadow-teal: 0 0 0.125em #008272;
+  --text-shadow-blue: 0 0 0.125em #0078d4;
+  --text-shadow-dark: 0 0 0.125em #323232;
+}
+
+/*[data-theme="light"] {
+
+  --theme-color-foreground: #282230;
+  --theme-color-text: #282230;
+  --theme-color-background: #f1f1f1;
+  --theme-color-paper: #ededed;
+
+  --theme-color-border: var(--theme-color-primary-alpha-mid);
+  --theme-color-overlay: '';
+}*/
+[data-theme=dark] {
+  --theme-color-foreground: #f1f1f1;
+  --theme-color-text: #f1f1f1;
+  --theme-color-background: #27323a;
+  --theme-color-paper: #3a3b3b;
+  --theme-color-border: var(--theme-color-primary-alpha-mid);
+  --theme-color-overlay: "";
+}
+
+/*# sourceMappingURL=mystyles.css.map */

package/css/mystyles.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/cssfabric/modules/vars.scss","../src/cssfabric/modules/theme/_theme-build.scss","../src/cssfabric/modules/box/_box-build.scss","../src/cssfabric/modules/text/_text-build.scss"],"names":[],"mappings":"AAWA;AAgCA;ACAE;EACA;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAEF;EACA;EACA;AAEA;EACA;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAEF;EACA;EACA;AAEA;EACA;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAEF;EACA;EACA;EDrBA;EACA;EACA;EACA;EAEA;EACA;AAGA;EAEE;EACA;EACA;EAFA;EACA;EACA;EAFA;EACA;EACA;EAFA;EACA;EACA;EAFA;EACA;EACA;EAFA;EACA;EACA;AAGF;AAEE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAGF;EAEE;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;AAGF;EEuHE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AFrHF;EEdE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AFgBF;AGTA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;AAEF;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAEF;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;AAEF;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AHHJ;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAWA;EAEE;EACA;EACA;EACA;EAEA;EACA","file":"mystyles.css"}

package/lib/styles/core/animation/animation.css

@@ -1,215 +0,0 @@
-@keyframes animate-backIn-up {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-up {
-  animation-name: translateY(-10px);
-}
-
-@keyframes animate-backIn-up-right {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(-10px) translateX(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(-10px) translateX(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-up-right {
-  animation-name: translateY(-10px) translateX(+10px);
-}
-
-@keyframes animate-backIn-up-left {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(-10px) translateX(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(-10px) translateX(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-up-left {
-  animation-name: translateY(-10px) translateX(-10px);
-}
-
-@keyframes animate-backIn-right {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-right {
-  animation-name: translateX(+10px);
-}
-
-@keyframes animate-backIn-right-bottom {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(+10px) translateY(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(+10px) translateY(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-right-bottom {
-  animation-name: translateX(+10px) translateY(+10px);
-}
-
-@keyframes animate-backIn-bottom {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-bottom {
-  animation-name: translateY(+10px);
-}
-
-@keyframes animate-backIn-bottom-left {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(+10px) translateX(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(+10px) translateX(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-bottom-left {
-  animation-name: translateY(+10px) translateX(-10px);
-}
-
-@keyframes animate-backIn-left {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backIn-left {
-  animation-name: translateX(-10px);
-}
-
-@keyframes animate-backOut-up {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backOut-up {
-  animation-name: translateY(-10px);
-}
-
-@keyframes animate-backOut-right {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backOut-right {
-  animation-name: translateX(+10px);
-}
-
-@keyframes animate-backOut-bottom {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateY(+10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateY(+10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backOut-bottom {
-  animation-name: translateY(+10px);
-}
-
-@keyframes animate-backOut-left {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  30% {
-    transform: translateX(-10px) scale(0.7);
-    opacity: 0.7;
-  }
-  100% {
-    transform: translateX(-10px) scale(0.7);
-    opacity: 0.5;
-  }
-}
-.animate-backOut-left {
-  animation-name: translateX(-10px);
-}

package/lib/styles/core/animation/animation.min.css

@@ -1 +0,0 @@
-@keyframes animate-backIn-up{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) scale(.7);opacity:.5}}.animate-backIn-up{animation-name:translateY(-10px)}@keyframes animate-backIn-up-right{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) translateX(+10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) translateX(+10px) scale(.7);opacity:.5}}.animate-backIn-up-right{animation-name:translateY(-10px) translateX(+10px)}@keyframes animate-backIn-up-left{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) translateX(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-up-left{animation-name:translateY(-10px) translateX(-10px)}@keyframes animate-backIn-right{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) scale(.7);opacity:.5}}.animate-backIn-right{animation-name:translateX(+10px)}@keyframes animate-backIn-right-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) translateY(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) translateY(+10px) scale(.7);opacity:.5}}.animate-backIn-right-bottom{animation-name:translateX(+10px) translateY(+10px)}@keyframes animate-backIn-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) scale(.7);opacity:.5}}.animate-backIn-bottom{animation-name:translateY(+10px)}@keyframes animate-backIn-bottom-left{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) translateX(-10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-bottom-left{animation-name:translateY(+10px) translateX(-10px)}@keyframes animate-backIn-left{0%{transform:scale(1);opacity:1}30%{transform:translateX(-10px) scale(.7);opacity:.7}100%{transform:translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-left{animation-name:translateX(-10px)}@keyframes animate-backOut-up{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) scale(.7);opacity:.5}}.animate-backOut-up{animation-name:translateY(-10px)}@keyframes animate-backOut-right{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) scale(.7);opacity:.5}}.animate-backOut-right{animation-name:translateX(+10px)}@keyframes animate-backOut-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) scale(.7);opacity:.5}}.animate-backOut-bottom{animation-name:translateY(+10px)}@keyframes animate-backOut-left{0%{transform:scale(1);opacity:1}30%{transform:translateX(-10px) scale(.7);opacity:.7}100%{transform:translateX(-10px) scale(.7);opacity:.5}}.animate-backOut-left{animation-name:translateX(-10px)}