[gtk+] Adwaita: add a transition to the scale slider



commit 44e225e50b6b59bbf9d9e47f4f2aa2b745bf5ea9
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Mon Mar 21 00:46:44 2016 +0100

    Adwaita: add a transition to the scale slider

 gtk/theme/Adwaita/_common.scss           |    4 ++++
 gtk/theme/Adwaita/gtk-contained-dark.css |    4 +++-
 gtk/theme/Adwaita/gtk-contained.css      |    4 +++-
 3 files changed, 10 insertions(+), 2 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index ae6c941..bde88fd 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2826,6 +2826,7 @@ scale {
 
     border: 1px solid darken($borders_color, 3%);
     border-radius: 100%;
+    transition: $button_transition;
 
     &:hover { @include button(hover-alt, $edge: $shadow_color); }
 
@@ -2834,7 +2835,10 @@ scale {
     &:disabled { @include button (insensitive); }
 
     &:backdrop {
+      transition: $backdrop_transition;
+
       @include button(backdrop);
+
       &:disabled { @include button(backdrop-insensitive); }
     }
 
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 400fb16..a77cfbf 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2831,7 +2831,8 @@ scale {
     background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px 
rgba(0, 0, 0, 0.1);
     border: 1px solid #151717;
-    border-radius: 100%; }
+    border-radius: 100%;
+    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
     scale slider:hover {
       color: #eeeeec;
       outline-color: rgba(238, 238, 236, 0.3);
@@ -2849,6 +2850,7 @@ scale {
       scale slider:disabled label, scale slider:disabled {
         color: #949796; }
     scale slider:backdrop {
+      transition: 200ms ease-out;
       border-color: #1f2222;
       background-image: linear-gradient(to bottom, #393f3f);
       text-shadow: none;
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 7baa9a7..b56ed28 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -2859,7 +2859,8 @@ scale {
     background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%);
     box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
     border: 1px solid #969691;
-    border-radius: 100%; }
+    border-radius: 100%;
+    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
     scale slider:hover {
       color: #2e3436;
       outline-color: rgba(46, 52, 54, 0.3);
@@ -2877,6 +2878,7 @@ scale {
       scale slider:disabled label, scale slider:disabled {
         color: #8b8e8f; }
     scale slider:backdrop {
+      transition: 200ms ease-out;
       border-color: #a5a5a1;
       background-image: linear-gradient(to bottom, #e8e8e7);
       text-shadow: none;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]