Initial commit of Valo (from original repo at 60e2fa9ea119d24bb2421d3671a8cb87d6754e8b

1 files changed, 52 insertions, 0 deletions

diff --git a/WebContent/VAADIN/themes/valo/components/_csslayout.scss b/WebContent/VAADIN/themes/valo/components/_csslayout.scss
new file mode 100644
index 0000000000..6537915344
--- /dev/null
+++ b/WebContent/VAADIN/themes/valo/components/_csslayout.scss
@@ -0,0 +1,52 @@
+@mixin v-valo-csslayout ($primary-stylename: v-csslayout){
+
+}
+
+
+@mixin v-valo-component-group ($primary-stylename: v-csslayout) {
+  .#{$primary-stylename}-v-component-group {
+    white-space: nowrap;
+    position: relative;
+
+    @if $v-border-radius > 0 {
+      .v-widget ~ .v-widget:not(:last-child) {
+        border-radius: 0;
+      }
+
+      .v-widget:last-child {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      .v-widget:first-child,
+      .v-caption:first-child + .v-widget {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+
+    // Assume most components have borders. 
+    // This is just a best-guess, will need fine-tuning if border-widths vary from widget-to-widget
+    .v-widget {
+      vertical-align: middle;
+      
+      @if $v-border-width > 0 {
+        margin-left: -$v-border-width;
+      } @else {
+        margin-left: round($v-font-size/8);
+      }
+
+      &:first-child {
+        margin-left: 0;
+      }
+
+      // Focused component should be on top
+      &:focus,
+      [class*="focus"] {
+        position: relative;
+        z-index: 1;
+      }
+    }
+
+  }
+}
\ No newline at end of file