sass-zero 1.3.0 → 1.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b7ebc6d459fe63526c843f3d2d0fd1b9623ae8a483f8d34d4c5f48ffba0a07ee
-  data.tar.gz: 94aeedd8ddbfaae27157f6b22810d54e70f811c64f42934a4d35139b4989587b
+  metadata.gz: 52757fc96f9e5a53855b56448f7e018de29ca3140d03e6b71640fdebd13c1de3
+  data.tar.gz: 9fb81ca3d6590f4941ca2c66fa458801f74e45d275ebab376dd02e1ecf803ce6
 SHA512:
-  metadata.gz: '009d8b25d79f018878e725bdcf66006c48967b57074ccdd0081fb715dbca30a27224c8b2ef5ce51f06ade5ed02da864460818a6c363c2bce09faa54a67014e29'
-  data.tar.gz: aa6d4b392b5f08cdd47d92452f8a09ad13f6885bec2a7401caaaa0e6a216aa2b058ddbde685dd55ecb58615ded6c0d346d507f3645280cc4a36652a708e492fc
+  metadata.gz: a3d6a8a06e5fce7a0c94e2d04bb254ef23ca6efec6021276a260e665c5130af140452d28e3f1eff0a2b4430c849a3e98cc843b46e34210352a9817054a00e283
+  data.tar.gz: 9cac737a7dd2d6888cec6099c3d4c78ff8c1d410206e8c5fd6b2a1899bd315401effda9edaa250e44066793c88dfeb494597cc7049cfdbdd70cb0c597774bd6a

data/.sass-zero-references.scss

@@ -725,7 +725,37 @@ $z-50:   50;
 @mixin antialiased {}
 @mixin subpixel-antialiased {}
 @mixin progress-bar {}
+
+// *******************************************************************
+// Animations
+// *******************************************************************
+
 @mixin animate-spin {}
 @mixin animate-ping {}
 @mixin animate-pulse {}
 @mixin animate-bounce {}
+@mixin animate-pop-open {}
+@mixin animate-appear {}
+@mixin animate-fade-out {}
+@mixin animate-fade-in-out {}
+@mixin animate-appear-then-fade {}
+@mixin animate-appear-then-fade-extended {}
+@mixin animate-slide-up-then-down {}
+@mixin animate-wiggle {}
+@mixin animate-fade-in-up {}
+@mixin animate-fade-in-down {}
+@mixin animate-fade-out-up {}
+@mixin animate-fade-out-down {}
+@mixin animate-flip-up {}
+@mixin animate-slide-right {}
+@mixin animate-slide-left {}
+@mixin animate-slide-in-from-left {}
+@mixin animate-slide-in-from-bottom {}
+@mixin animate-slide-in-from-bottom-no-fade {}
+@mixin animate-slide-in-from-bottom-no-bounce {}
+@mixin animate-slide-in-tilt-left {}
+@mixin animate-slide-in-tilt-right {}
+@mixin animate-pop {}
+@mixin animate-burst {}
+@mixin animate-bubble-burst {}
+@mixin animate-shake {}

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    sass-zero (1.3.0)
+    sass-zero (1.3.2)
 
 GEM
   remote: https://rubygems.org/

data/README.md

@@ -19,7 +19,7 @@ Add these lines to your application.css:
 *= require sass-zero/breadboard
 ```
 
-### Variables
+### Variables / Mixins
 
 Instead of hand-picking values from a limitless pool any time you need to make a decision, start with a smaller set of options.
 
@@ -70,12 +70,6 @@ These default styles ensure that even without custom styling, the content is usa
 - [Screenshot](screenshot.png)
 - [Example](example.html)
 
-## Animations
-
-Pre-built keyframes you can use to create your animations.
-
-- [Animations](app/assets/stylesheets/sass-zero/animations.scss)
-
 ## Using variables
 
 Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Variables](app/assets/stylesheets/sass-zero/_variables.scss):

data/app/assets/stylesheets/sass-zero/{animations.scss → _animations.scss}

@@ -52,24 +52,6 @@
   }
 }
 
-@keyframes blind-open {
-  from {
-    max-height: 0;
-  }
-  to {
-    max-height: 100rem;
-  }
-}
-
-@keyframes blind-close {
-  from {
-    max-height: 100rem;
-  }
-  to {
-    max-height: 0;
-  }
-}
-
 @keyframes appear {
   from {
     opacity: 0;
@@ -124,14 +106,6 @@
   }
 }
 
-@keyframes hide {
-  to {
-    max-height: 0;
-    max-width: 0;
-    visibility: hidden;
-  }
-}
-
 @keyframes wiggle {
   0% {
     transform: rotate(0deg);
@@ -153,23 +127,6 @@
   }
 }
 
-@keyframes pop-visible {
-  0% {
-    transform: scale(0.75);
-    text-indent: 0;
-  }
-  33% {
-    transform: scale(0.85);
-  }
-  67% {
-    transform: scale(1.25);
-  }
-  100% {
-    transform: scale(1);
-    text-indent: 2.3em;
-  }
-}
-
 @keyframes fade-in-up {
   0% {
     transform: translateY(50px);
@@ -420,15 +377,6 @@
   }
 }
 
-@keyframes bump {
-  0%, 100% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.2);
-  }
-}
-
 @keyframes shake {
   0% {
     transform: translateX(-2rem);
@@ -444,11 +392,10 @@
   }
 }
 
-@keyframes dancing-ants {
-  0% {
-    background-position: left top,right bottom,left bottom,right top;
-  }
-  100% {
-    background-position: left 1.5rem top,right 1.5rem bottom,left bottom 1.5rem,right top 1.5rem;
+@keyframes hide {
+  to {
+    max-height: 0;
+    max-width: 0;
+    visibility: hidden;
   }
 }

data/app/assets/stylesheets/sass-zero/_mixins.scss

@@ -1,4 +1,5 @@
 @import "variables/sizing";
+@import "animations";
 
 // *******************************************************************
 // General
@@ -50,10 +51,110 @@
   animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
 }
 
- @mixin animate-pulse {
+@mixin animate-pulse {
   animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 
 @mixin animate-bounce {
   animation: bounce 1s infinite;
 }
+
+@mixin animate-pop-open {
+  animation: pop-open .1s both;
+}
+
+@mixin animate-appear {
+  animation: appear .3s ease-out both;
+}
+
+@mixin animate-fade-out {
+  animation: fade-out 2s .3s both;
+}
+
+@mixin animate-fade-in-out {
+  animation: fade-in-out 1.5s infinite both;
+}
+
+@mixin animate-appear-then-fade {
+  animation: appear-then-fade 4s .3s both;
+}
+
+@mixin animate-appear-then-fade-extended {
+  animation: appear-then-fade-extended 12s .3s both;
+}
+
+@mixin animate-slide-up-then-down {
+  animation: slide-up-then-down 2s both;
+}
+
+@mixin animate-wiggle {
+  animation: wiggle .4s both;
+}
+
+@mixin animate-fade-in-up {
+  animation: fade-in-up .5s both;
+}
+
+@mixin animate-fade-in-down {
+  animation: fade-in-down .3s both ease-in-out;
+}
+
+@mixin animate-fade-out-up {
+  animation: fade-out-up .3s both;
+}
+
+@mixin animate-fade-out-down {
+  animation: fade-out-down .3s ease-in both;
+}
+
+@mixin animate-flip-up {
+  animation: flip-up .1s ease;
+}
+
+@mixin animate-slide-right {
+  animation: slide-right 2.5s ease-in infinite;
+}
+
+@mixin animate-slide-left {
+  animation: slide-left 2.5s ease-in infinite;
+}
+
+@mixin animate-slide-in-from-left {
+  animation: slide-in-from-left .5s both;
+}
+
+@mixin animate-slide-in-from-bottom {
+  animation: slide-in-from-bottom .5s .5s both;
+}
+
+@mixin animate-slide-in-from-bottom-no-fade {
+  animation: slide-in-from-bottom-no-fade .33s ease both;
+}
+
+@mixin animate-slide-in-from-bottom-no-bounce {
+  animation: slide-in-from-bottom-no-bounce .5s ease-out both;
+}
+
+@mixin animate-slide-in-tilt-left {
+  animation: slide-in-tilt-left .5s both;
+}
+
+@mixin animate-slide-in-tilt-right {
+  animation: slide-in-tilt-right .5s both;
+}
+
+@mixin animate-pop {
+  animation: pop 2.5s ease infinite;
+}
+
+@mixin animate-burst {
+  animation: burst 2.5s 2.2s ease infinite;
+}
+
+@mixin animate-bubble-burst {
+  animation: bubble-burst .16s ease-out .16s forwards;
+}
+
+@mixin animate-shake {
+  animation: shake .3s both;
+}

data/lib/sass_zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "1.3.0"
+    VERSION = "1.3.2"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 1.3.0
+  version: 1.3.2
 platform: ruby
 authors:
 - lazaronixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-10 00:00:00.000000000 Z
+date: 2023-07-11 00:00:00.000000000 Z
 dependencies: []
 description:
 email:
@@ -25,9 +25,9 @@ files:
 - Gemfile.lock
 - README.md
 - Rakefile
+- app/assets/stylesheets/sass-zero/_animations.scss
 - app/assets/stylesheets/sass-zero/_mixins.scss
 - app/assets/stylesheets/sass-zero/_variables.scss
-- app/assets/stylesheets/sass-zero/animations.scss
 - app/assets/stylesheets/sass-zero/base.scss
 - app/assets/stylesheets/sass-zero/breadboard.scss
 - app/assets/stylesheets/sass-zero/utilities.scss