[beast: 41/70] EBEAST: move <button/> styles into assets/widgets.less

[Tim Janik <timj src gnome org>]

commit 885d65cd4c9da7a38d09c6c058c19154b313e8c5
Author: Tim Janik <timj gnu org>
Date:   Mon Mar 6 01:02:19 2017 +0100

    EBEAST: move <button/> styles into assets/widgets.less
    
    Signed-off-by: Tim Janik <timj gnu org>

 ebeast/Makefile.am         |    2 +-
 ebeast/app.less            |   21 +--------------------
 ebeast/assets/widgets.less |   21 +++++++++++++++++++++
 3 files changed, 23 insertions(+), 21 deletions(-)
---
diff --git a/ebeast/Makefile.am b/ebeast/Makefile.am
index 033d780..c07475f 100644
--- a/ebeast/Makefile.am
+++ b/ebeast/Makefile.am
@@ -38,7 +38,7 @@ run: app
 GTK2_DARK = $(shell test -f /usr/share/themes/Ambiance/gtk-2.0/gtkrc && echo 
'GTK2_RC_FILES=/usr/share/themes/Ambiance/gtk-2.0/gtkrc')
 
 # == CSS generation ==
-objects/app.css: app.less
+objects/app.css: app.less */*.less
        $(AM_V_GEN)
        $(Q) mkdir -p objects/.deps/
        $(Q) ./node_modules/.bin/lessc $< $@ --source-map=$@.map
diff --git a/ebeast/app.less b/ebeast/app.less
index 0ee8199..daea80b 100644
--- a/ebeast/app.less
+++ b/ebeast/app.less
@@ -1,3 +1,4 @@
+@import "assets/widgets.less";
 
 /* == Settings == */
 @theme-foreground:             #ffffff;
@@ -53,23 +54,3 @@ body.window-inactive                 { color: fade(@theme-foreground, 80%); }
                                                  /* background: fade(@glow-control, 20%); */
                                                  -webkit-box-shadow: none; }
 
-/* == Resets == */
-input, textarea, keygen, select,
-button                         { font: inherit; }
-button                         { -webkit-appearance: normal; }
-
-/* == Button == */
-.theme-buttonframe             { border: 1px solid @button-border; }
-.theme-buttonshade             { background-image: @button-lg;
-                                 border-top: 1px solid @button-light; border-left: 1px solid @button-light;
-                                 border-bottom: 1px solid @button-dark; border-right: 1px solid 
@button-dark; }
-button                         { .theme-buttonframe; .theme-buttonshade;
-                                 display: inline-flex; text-align: center; margin: 0; padding: 3px 1em; }
-button:focus                   { outline: @focus-outline; }
-button:hover                   { box-shadow: inset 500px 500px @button-hover; }
-button.fake-active,
-button:active                  { box-shadow: inset 500px 500px @button-active;
-                                 border-color: @button-active-border; }
-button, button *               { color: @button-foreground; fill: @button-foreground !important; }
-button.fake-active *,          /* use '*' + fill!important to include svg elements in buttons */
-button:active *                { color: @button-active-fg; fill: @button-active-fg !important; }
diff --git a/ebeast/assets/widgets.less b/ebeast/assets/widgets.less
new file mode 100644
index 0000000..8ee6570
--- /dev/null
+++ b/ebeast/assets/widgets.less
@@ -0,0 +1,21 @@
+/* == Resets == */
+input, textarea, keygen, select,
+button                         { font: inherit; }
+button                         { -webkit-appearance: normal; }
+
+
+/* == Button == */
+.theme-buttonframe             { border: 1px solid @button-border; }
+.theme-buttonshade             { background-image: @button-lg;
+                                 border-top: 1px solid @button-light; border-left: 1px solid @button-light;
+                                 border-bottom: 1px solid @button-dark; border-right: 1px solid 
@button-dark; }
+button                         { .theme-buttonframe; .theme-buttonshade;
+                                 display: inline-flex; text-align: center; margin: 0; padding: 3px 1em; }
+button:focus                   { outline: @focus-outline; }
+button:hover                   { box-shadow: inset 500px 500px @button-hover; }
+button.fake-active,
+button:active                  { box-shadow: inset 500px 500px @button-active;
+                                 border-color: @button-active-border; }
+button, button *               { color: @button-foreground; fill: @button-foreground !important; }
+button.fake-active *,          /* use '*' + fill!important to include svg elements in buttons */
+button:active *                { color: @button-active-fg; fill: @button-active-fg !important; }