Update the Loadify mixin.

selfishprimate · Jan 31, 2022 · 2e4f73e · 2e4f73e
1 parent 879d241
commit 2e4f73e
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,13 @@
-# Changelog
+# Change Log
 _Change is the essence._
 
+## 1.2.4
+
+### Updated
+
+- Updated `extend` usage for Loadify mixin.
+- Updated the title of `CHANGELOG.md` file.
+
 ## 1.2.3
 
 ### Added

diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
   "author": "Halil İbrahim Çakıroğlu",
   "main": "scss/_gerillass.scss",
   "license": "Apache-2.0",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/selfishprimate/gerillass"

diff --git a/scss/_gerillass-prefix.scss b/scss/_gerillass-prefix.scss
@@ -807,7 +807,7 @@
           backface-visibility: visible;
         }
       }
-      .loadify-static-rules {
+      %loadify {
         opacity: 0;
         visibility: hidden;
         backface-visibility: hidden;
@@ -820,7 +820,7 @@
       @error "Only one argument is allowed when you call this mixin at the root of your stylesheet! Please pass `init` as an argument to initialize the effect or do not pass any argument at all.";
     }
   } @else if & {
-    @extend .loadify-static-rules;
+    @extend %loadify;
     @if length($params) == 0 {
       animation-delay: 0.2s;
       animation-duration: 0.5s;

diff --git a/scss/library/_loadify.scss b/scss/library/_loadify.scss
@@ -10,7 +10,7 @@
           backface-visibility: visible;
         }
       }
-      .loadify-static-rules {
+      %loadify {
         opacity: 0;
         visibility: hidden;
         backface-visibility: hidden;
@@ -23,7 +23,7 @@
       @error "Only one argument is allowed when you call this mixin at the root of your stylesheet! Please pass `init` as an argument to initialize the effect or do not pass any argument at all.";
     }
   } @else if & {
-    @extend .loadify-static-rules;
+    @extend %loadify;
     @if length($params) == 0 {
       animation-delay: 0.2s;
       animation-duration: 0.5s;