[beast: 23/47] EBEAST: vc/: avoid CSS rule duplicates from .vue files

[Tim Janik <timj src gnome org>]

commit e6f516db92db6caa6cc71aed293d9cffb6bb8066
Author: Tim Janik <timj gnu org>
Date:   Wed Apr 12 18:00:16 2017 +0200

    EBEAST: vc/: avoid CSS rule duplicates from .vue files
    
    Signed-off-by: Tim Janik <timj gnu org>

 ebeast/vc/button-bar.vue  |    2 +-
 ebeast/vc/button.vue      |    2 +-
 ebeast/vc/icon-button.vue |    2 +-
 ebeast/vc/mixins.less     |   16 ++++++++++++++++
 ebeast/vc/styles.less     |   12 +-----------
 ebeast/vc/variables.less  |    2 ++
 6 files changed, 22 insertions(+), 14 deletions(-)
---
diff --git a/ebeast/vc/button-bar.vue b/ebeast/vc/button-bar.vue
index b1a39dd..64604e6 100644
--- a/ebeast/vc/button-bar.vue
+++ b/ebeast/vc/button-bar.vue
@@ -9,7 +9,7 @@
 </docs>
 
 <style lang="less">
-  @import 'styles.less';
+  @import 'mixins.less';
   .vc-button-bar {
       display: inline-flex; background-color: @vc-button-border;
       border: 1px solid @vc-button-border;
diff --git a/ebeast/vc/button.vue b/ebeast/vc/button.vue
index 5fbc88c..8a38e7b 100644
--- a/ebeast/vc/button.vue
+++ b/ebeast/vc/button.vue
@@ -11,7 +11,7 @@
 </docs>
 
 <style lang="less">
-  @import 'styles.less';
+  @import 'mixins.less';
   .vc-button                   { .vc-buttonshade; display: inline-flex; text-align: center; margin: 0; 
padding: 3px 1em; }
   .vc-button:focus             { outline: @vc-focus-outline; }
   .vc-button:hover             { .vc-buttonhover; }
diff --git a/ebeast/vc/icon-button.vue b/ebeast/vc/icon-button.vue
index 1b652f5..5fd96c3 100644
--- a/ebeast/vc/icon-button.vue
+++ b/ebeast/vc/icon-button.vue
@@ -12,7 +12,7 @@
 </docs>
 
 <style lang="less">
-  @import 'styles.less';
+  @import 'mixins.less';
   .vc-icon-button                      { margin: 0 0; padding: 7px; }
   .vc-icon-button .vc-icon-button-icon { font-size: 1.3em /*1.33333333em*/; }
 </style>
diff --git a/ebeast/vc/mixins.less b/ebeast/vc/mixins.less
new file mode 100644
index 0000000..5c0350f
--- /dev/null
+++ b/ebeast/vc/mixins.less
@@ -0,0 +1,16 @@
+/* GNU LGPL v2.1+: http://www.gnu.org/licenses/lgpl.html */
+
+/* Only use variable declarations or mixin function declarations here */
+
+/* == Buttons Mixins == */
+.vc-buttonframe()              { border: 1px solid @vc-button-border; }
+.vc-buttonshade()              { background-image: @vc-button-lg;
+                                 border-top: 1px solid @vc-button-light; border-left: 1px solid 
@vc-button-light;
+                                 border-bottom: 1px solid @vc-button-dark; border-right: 1px solid 
@vc-button-dark; }
+.vc-buttonhover()              { box-shadow: inset 500px 500px @vc-button-hover; }
+.vc-buttonactive()             { box-shadow: inset 500px 500px @vc-button-active;
+                                 background-image: @vc-button-active-lg;
+                                 border-color: @vc-button-active-border; }
+
+/* == User Settings & Overrides == */
+@import 'variables.less';
diff --git a/ebeast/vc/styles.less b/ebeast/vc/styles.less
index 9ddc7ce..3d3322c 100644
--- a/ebeast/vc/styles.less
+++ b/ebeast/vc/styles.less
@@ -1,14 +1,4 @@
 /* GNU LGPL v2.1+: http://www.gnu.org/licenses/lgpl.html */
 
-/* == Buttons Mixins == */
-.vc-buttonframe                { border: 1px solid @vc-button-border; }
-.vc-buttonshade                { background-image: @vc-button-lg;
-                                 border-top: 1px solid @vc-button-light; border-left: 1px solid 
@vc-button-light;
-                                 border-bottom: 1px solid @vc-button-dark; border-right: 1px solid 
@vc-button-dark; }
-.vc-buttonhover                        { box-shadow: inset 500px 500px @vc-button-hover; }
-.vc-buttonactive               { box-shadow: inset 500px 500px @vc-button-active;
-                                 background-image: @vc-button-active-lg;
-                                 border-color: @vc-button-active-border; }
-
 /* == User Settings & Overrides == */
-@import 'variables.less';
+@import 'mixins.less';
diff --git a/ebeast/vc/variables.less b/ebeast/vc/variables.less
index 5470450..1b65cb4 100644
--- a/ebeast/vc/variables.less
+++ b/ebeast/vc/variables.less
@@ -1,5 +1,7 @@
 /* GNU LGPL v2.1+: http://www.gnu.org/licenses/lgpl.html */
 
+/* Only use variable declarations or mixin function declarations here */
+
 /* == Theme Settings == */
 @vc-theme-foreground:          #ffffff;
 @vc-theme-background:          #505050;