Browse Source

HUE-9485 [frontend] Adding hue-flex-layout mixin (#1359)

Sreenath Somarajapuram 5 years ago
parent
commit
e418e746ec
1 changed files with 13 additions and 1 deletions
  1. 13 1
      desktop/core/src/desktop/js/components/styles/mixins.scss

+ 13 - 1
desktop/core/src/desktop/js/components/styles/mixins.scss

@@ -23,7 +23,7 @@
 
 
 */
 */
 
 
-$hue-panel-border-radius: 2px;
+$hue-panel-border-radius: 3px;
 
 
 @mixin hue-transform($transform) {
 @mixin hue-transform($transform) {
   -webkit-transform: $transform;
   -webkit-transform: $transform;
@@ -208,3 +208,15 @@ $hue-panel-border-radius: 2px;
   -ms-flex-wrap: $wrap;
   -ms-flex-wrap: $wrap;
   flex-wrap: $wrap;
   flex-wrap: $wrap;
 }
 }
+
+@mixin hue-flex-layout($direction: row) {
+  display: flex;
+  @include flex-direction($direction);
+
+  column-gap: 10px;
+  row-gap: 10px;
+
+  > * {
+    flex: 1;
+  }
+}