[gnome-themes-standard/wip/sass] initial implementation of spinbuttons
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard/wip/sass] initial implementation of spinbuttons
- Date: Wed, 21 May 2014 10:30:56 +0000 (UTC)
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]