Initial commit of Valo (from original repo at 60e2fa9ea119d24bb2421d3671a8cb87d6754e8b

1 files changed, 90 insertions, 0 deletions

diff --git a/WebContent/VAADIN/themes/valo/components/_twincolselect.scss b/WebContent/VAADIN/themes/valo/components/_twincolselect.scss
new file mode 100644
index 0000000000..e2951802bc
--- /dev/null
+++ b/WebContent/VAADIN/themes/valo/components/_twincolselect.scss
@@ -0,0 +1,90 @@
+@mixin v-valo-twincolselect ($primary-stylename: v-select-twincol) {
+  
+  .#{$primary-stylename} {
+    white-space: normal;
+    
+    select {
+      @include v-valo-nativeselect-select-style;
+    }
+
+    &:not(.v-has-width) {
+      width: auto !important;
+    }
+
+    .v-textfield,
+    .v-nativebutton {
+     width: auto !important;
+     margin-top: round($v-unit-size/4);
+    }
+
+    .v-nativebutton {
+      margin-left: round($v-unit-size/4);
+    }
+  }
+
+  .#{$primary-stylename}-caption-left,
+  .#{$primary-stylename}-caption-right {
+    @include v-valo-caption-style;
+  }
+  
+  .#{$primary-stylename}-buttons {
+    white-space: nowrap;
+    display: inline-block;
+    vertical-align: top;
+    position: relative;
+    min-width: 3.5em;
+
+    .v-button {
+      @include v-valo-widget-style;
+      position: absolute;
+      left: round($v-unit-size/4);
+      right: round($v-unit-size/4);
+      top: $v-unit-size - $v-button-border-width;
+      padding: 0;
+      text-align: center;
+
+      &:first-child {
+        top: 0;
+      }
+    }
+
+    .v-button-caption {
+      display: none;
+    }
+
+    .v-button:focus {
+      z-index: 1;
+    }
+
+    @if $v-button-border-radius > 0 {
+      .v-button:first-child {
+        border-radius: $v-button-border-radius $v-button-border-radius 0 0;
+      }
+
+      .v-button:last-child {
+        border-radius: 0 0 $v-button-border-radius $v-button-border-radius;
+      }
+    }
+
+    .v-button-wrap:before {
+      @include v-valo-twincolselect-remove-icon-style;
+    }
+
+    .v-button:first-child .v-button-wrap:before {
+      @include v-valo-twincolselect-add-icon-style;
+    }
+  }
+  
+}
+
+
+
+@mixin v-valo-twincolselect-add-icon-style {
+  font-family: FontAwesome;
+  content: "\f054";
+}
+
+@mixin v-valo-twincolselect-remove-icon-style {
+  font-family: FontAwesome;
+  content: "\f053";
+}