Release 1.0.0

dist/index.scss

@@ -3,16 +3,41 @@
  * description: Rotatable element.
  * homepage: https://github.com/afeiship/wsui-rotatable
  * version: 1.0.0
- * date: 2020-12-23 15:01:37
+ * date: 2021-02-27 10:17:23
  * license: MIT
  */
 
 /*wsui-rotatable Start*/
 $wsui-rotatable-options: (
-  color: #f00
+  duration: 0.3s,
+  items: (
+    45,
+    90,
+    180,
+    270,
+    360
+  )
 ) !default;
 
 .wsui-rotatable {
-  //Your code goes here.
+  /* prettier-ignore */
+  $items: map-get($map: $wsui-rotatable-options, $key: items );
+  $duration: map-get( $map: $wsui-rotatable-options, $key: duration );
+  /* prettier-ignore-end */
+
+  .is-rotatable {
+    transform: rotate(0);
+    transition: all $duration;
+  }
+
+  @each $item in $items {
+    &.is-#{$item} {
+      &:hover {
+        .is-rotatable {
+          transform: rotate(#{$item}deg);
+        }
+      }
+    }
+  }
 }
 /*wsui-rotatable End*/

dist/style.css

@@ -3,8 +3,25 @@
  * description: Rotatable element.
  * homepage: https://github.com/afeiship/wsui-rotatable
  * version: 1.0.0
- * date: 2020-12-23 15:01:37
+ * date: 2021-02-27 10:17:23
  * license: MIT
  */
 /*wsui-rotatable Start*/
+.wsui-rotatable {
+  /* prettier-ignore */
+  /* prettier-ignore-end */ }
+  .wsui-rotatable .is-rotatable {
+    transform: rotate(0);
+    transition: all 0.3s; }
+  .wsui-rotatable.is-45:hover .is-rotatable {
+    transform: rotate(45deg); }
+  .wsui-rotatable.is-90:hover .is-rotatable {
+    transform: rotate(90deg); }
+  .wsui-rotatable.is-180:hover .is-rotatable {
+    transform: rotate(180deg); }
+  .wsui-rotatable.is-270:hover .is-rotatable {
+    transform: rotate(270deg); }
+  .wsui-rotatable.is-360:hover .is-rotatable {
+    transform: rotate(360deg); }
+
 /*wsui-rotatable End*/

package.json

@@ -30,5 +30,10 @@
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
-  }
-}
+  },
+  "keywords": [
+    "webkit",
+    "sassui",
+    "rotatable"
+  ]
+}