Added feature zurb#99 on CSS and SCSS files

jtsimoes · Nov 27, 2018 · d020674 · d020674
1 parent a7b4057
commit d020674
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/css/twentytwenty-no-compass.css b/css/twentytwenty-no-compass.css
@@ -139,7 +139,10 @@
   border-radius: 1000px;
   box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
   z-index: 40;
-  cursor: pointer; }
+  cursor: grab; }
+
+.twentytwenty-handle:active {
+  cursor: grabbing; }
 
 .twentytwenty-horizontal .twentytwenty-handle:before {
   bottom: 50%;

diff --git a/css/twentytwenty.css b/css/twentytwenty.css
@@ -157,7 +157,10 @@
   -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
   box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
   z-index: 40;
-  cursor: pointer; }
+  cursor: grab; }
+
+.twentytwenty-handle:active {
+  cursor: grabbing; }
 
 .twentytwenty-horizontal .twentytwenty-handle:before {
   bottom: 50%;

diff --git a/scss/twentytwenty-no-compass.scss b/scss/twentytwenty-no-compass.scss
@@ -226,9 +226,11 @@ $twenty20-label-radius: 2px !default;
   border-radius: $twenty20-handle-radius;
   box-shadow: $twenty20-handle-box-shadow;
   z-index: 40;
-  cursor: pointer;
+  cursor: grab;
 }
 
+.#{$pluginPrefix}-handle:active { cursor: grabing; }
+
 // 20/20 Horizontal Handle Styles
 .#{$pluginPrefix}-horizontal .#{$pluginPrefix}-handle {
 

diff --git a/scss/twentytwenty.scss b/scss/twentytwenty.scss
@@ -227,9 +227,11 @@ $twenty20-label-radius: 2px !default;
   @include border-radius($twenty20-handle-radius);
   @include box-shadow($twenty20-handle-box-shadow);
   z-index: 40;
-  cursor: pointer;
+  cursor: grab;
 }
 
+.#{$pluginPrefix}-handle:active { cursor: grabing; }
+
 // 20/20 Horizontal Handle Styles
 .#{$pluginPrefix}-horizontal .#{$pluginPrefix}-handle {