[gnome-themes-standard/wip/sass] initial implementation of spinbuttons



commit 2bb650b421431c0a81f54ddec09a8e77576aceb1
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed May 21 12:29:01 2014 +0200

    initial implementation of spinbuttons

 themes/Adwaita/gtk-3.0/_common.scss           |   28 +++++++++++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   27 ++++++++++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   27 ++++++++++++++++++++++++
 3 files changed, 82 insertions(+), 0 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index ecb67c2..cf1e3c8 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -198,6 +198,7 @@ GtkGrid:insensitive {
   }
 }
 
+
 /***********
  * Buttons *
  ***********/
@@ -319,6 +320,33 @@ GtkGrid:insensitive {
   }
 }
 
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+
+.spinbutton {
+  .button {
+    background-color: transparent;
+    background-image: none;
+    border-radius: 0;
+    border-width: 0 0 0 1px;
+    border-color: transparentize($borders_color,0.7);
+    padding: 2px 6px;
+    &:active {
+      @include button(active, lighten($theme_bg_color, 20%));
+    }
+  }
+  &.vertical {
+    .button {
+      // derives from normal button
+      &:first-child { border-radius: 3px 3px 0 0; }
+      &:last-child { border-radius: 0 0 3px 3px; }
+    }
+    &.entry { border-radius: 0; border-width: 0 1px 0 1px;}
+  }
+}
+
 /**************
  * ComboBoxes *
  **************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index dbfd2f7..7848a78 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -445,6 +445,33 @@ GtkGrid:insensitive {
 .header-bar .button.image-button {
   padding: 8px; }
 
+/*****************
+ * GtkSpinButton *
+ *****************/
+.spinbutton .button {
+  background-color: transparent;
+  background-image: none;
+  border-radius: 0;
+  border-width: 0 0 0 1px;
+  border-color: rgba(9, 9, 9, 0.3);
+  padding: 2px 6px; }
+  .spinbutton .button:active {
+    border-width: 1px;
+    border-style: solid;
+    color: #eeeeec;
+    border-color: #090909;
+    background-image: linear-gradient(to bottom, #393f3f, #454c4c 5%, #515a5a);
+    text-shadow: 0 -1px rgba(17, 17, 19, 0.5);
+    icon-shadow: 0 -1px rgba(17, 17, 19, 0.5);
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); }
+.spinbutton.vertical .button:first-child {
+  border-radius: 3px 3px 0 0; }
+.spinbutton.vertical .button:last-child {
+  border-radius: 0 0 3px 3px; }
+.spinbutton.vertical.entry {
+  border-radius: 0;
+  border-width: 0 1px 0 1px; }
+
 /**************
  * ComboBoxes *
  **************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 7724f53..cc658bb 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -445,6 +445,33 @@ GtkGrid:insensitive {
 .header-bar .button.image-button {
   padding: 8px; }
 
+/*****************
+ * GtkSpinButton *
+ *****************/
+.spinbutton .button {
+  background-color: transparent;
+  background-image: none;
+  border-radius: 0;
+  border-width: 0 0 0 1px;
+  border-color: rgba(161, 161, 161, 0.3);
+  padding: 2px 6px; }
+  .spinbutton .button:active {
+    border-width: 1px;
+    border-style: solid;
+    color: #2e3436;
+    border-color: #a1a1a1;
+    background-image: linear-gradient(to bottom, #cccccc, #d9d9d9 5%, #e6e6e6);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white;
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
+.spinbutton.vertical .button:first-child {
+  border-radius: 3px 3px 0 0; }
+.spinbutton.vertical .button:last-child {
+  border-radius: 0 0 3px 3px; }
+.spinbutton.vertical.entry {
+  border-radius: 0;
+  border-width: 0 1px 0 1px; }
+
 /**************
  * ComboBoxes *
  **************/


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