ku4web-components 6.5.5 → 6.5.6

package/dist/collection/components/ku4-col/ku4-col.css

@@ -0,0 +1,601 @@
+:host {
+  position: relative;
+  display: block;
+}
+
+@media only screen and (min-width: 1px) {
+  :host(.start-xs-0) {
+    grid-column-start: 1;
+  }
+
+  :host(.start-xs-1) {
+    grid-column-start: 2;
+  }
+
+  :host(.start-xs-2) {
+    grid-column-start: 3;
+  }
+
+  :host(.start-xs-3) {
+    grid-column-start: 4;
+  }
+
+  :host(.start-xs-4) {
+    grid-column-start: 5;
+  }
+
+  :host(.start-xs-5) {
+    grid-column-start: 6;
+  }
+
+  :host(.start-xs-6) {
+    grid-column-start: 7;
+  }
+
+  :host(.start-xs-7) {
+    grid-column-start: 8;
+  }
+
+  :host(.start-xs-8) {
+    grid-column-start: 9;
+  }
+
+  :host(.start-xs-9) {
+    grid-column-start: 10;
+  }
+
+  :host(.start-xs-10) {
+    grid-column-start: 11;
+  }
+
+  :host(.start-xs-11) {
+    grid-column-start: 12;
+  }
+
+  :host(.start-xs-12) {
+    grid-column-start: 13;
+  }
+
+  :host(.span-xs-1) {
+    grid-column-end: span 1;
+  }
+
+  :host(.span-xs-2) {
+    grid-column-end: span 2;
+  }
+
+  :host(.span-xs-3) {
+    grid-column-end: span 3;
+  }
+
+  :host(.span-xs-4) {
+    grid-column-end: span 4;
+  }
+
+  :host(.span-xs-5) {
+    grid-column-end: span 5;
+  }
+
+  :host(.span-xs-6) {
+    grid-column-end: span 6;
+  }
+
+  :host(.span-xs-7) {
+    grid-column-end: span 7;
+  }
+
+  :host(.span-xs-8) {
+    grid-column-end: span 8;
+  }
+
+  :host(.span-xs-9) {
+    grid-column-end: span 9;
+  }
+
+  :host(.span-xs-10) {
+    grid-column-end: span 10;
+  }
+
+  :host(.span-xs-11) {
+    grid-column-end: span 11;
+  }
+
+  :host(.span-xs-12) {
+    grid-column-end: span 12;
+  }
+
+  :host(.order-xs-1) {
+    order: 1;
+  }
+
+  :host(.order-xs-2) {
+    order: 2;
+  }
+
+  :host(.order-xs-3) {
+    order: 3;
+  }
+
+  :host(.order-xs-4) {
+    order: 4;
+  }
+
+  :host(.order-xs-5) {
+    order: 5;
+  }
+
+  :host(.order-xs-6) {
+    order: 6;
+  }
+
+  :host(.order-xs-7) {
+    order: 7;
+  }
+
+  :host(.order-xs-8) {
+    order: 8;
+  }
+
+  :host(.order-xs-9) {
+    order: 9;
+  }
+
+  :host(.order-xs-10) {
+    order: 10;
+  }
+
+  :host(.order-xs-11) {
+    order: 11;
+  }
+
+  :host(.order-xs-12) {
+    order: 12;
+  }
+}
+@media only screen and (min-width: 768px) {
+  :host(.start-sm-0) {
+    grid-column-start: 1;
+  }
+
+  :host(.start-sm-1) {
+    grid-column-start: 2;
+  }
+
+  :host(.start-sm-2) {
+    grid-column-start: 3;
+  }
+
+  :host(.start-sm-3) {
+    grid-column-start: 4;
+  }
+
+  :host(.start-sm-4) {
+    grid-column-start: 5;
+  }
+
+  :host(.start-sm-5) {
+    grid-column-start: 6;
+  }
+
+  :host(.start-sm-6) {
+    grid-column-start: 7;
+  }
+
+  :host(.start-sm-7) {
+    grid-column-start: 8;
+  }
+
+  :host(.start-sm-8) {
+    grid-column-start: 9;
+  }
+
+  :host(.start-sm-9) {
+    grid-column-start: 10;
+  }
+
+  :host(.start-sm-10) {
+    grid-column-start: 11;
+  }
+
+  :host(.start-sm-11) {
+    grid-column-start: 12;
+  }
+
+  :host(.start-sm-12) {
+    grid-column-start: 13;
+  }
+
+  :host(.span-sm-1) {
+    grid-column-end: span 1;
+  }
+
+  :host(.span-sm-2) {
+    grid-column-end: span 2;
+  }
+
+  :host(.span-sm-3) {
+    grid-column-end: span 3;
+  }
+
+  :host(.span-sm-4) {
+    grid-column-end: span 4;
+  }
+
+  :host(.span-sm-5) {
+    grid-column-end: span 5;
+  }
+
+  :host(.span-sm-6) {
+    grid-column-end: span 6;
+  }
+
+  :host(.span-sm-7) {
+    grid-column-end: span 7;
+  }
+
+  :host(.span-sm-8) {
+    grid-column-end: span 8;
+  }
+
+  :host(.span-sm-9) {
+    grid-column-end: span 9;
+  }
+
+  :host(.span-sm-10) {
+    grid-column-end: span 10;
+  }
+
+  :host(.span-sm-11) {
+    grid-column-end: span 11;
+  }
+
+  :host(.span-sm-12) {
+    grid-column-end: span 12;
+  }
+
+  :host(.order-sm-1) {
+    order: 1;
+  }
+
+  :host(.order-sm-2) {
+    order: 2;
+  }
+
+  :host(.order-sm-3) {
+    order: 3;
+  }
+
+  :host(.order-sm-4) {
+    order: 4;
+  }
+
+  :host(.order-sm-5) {
+    order: 5;
+  }
+
+  :host(.order-sm-6) {
+    order: 6;
+  }
+
+  :host(.order-sm-7) {
+    order: 7;
+  }
+
+  :host(.order-sm-8) {
+    order: 8;
+  }
+
+  :host(.order-sm-9) {
+    order: 9;
+  }
+
+  :host(.order-sm-10) {
+    order: 10;
+  }
+
+  :host(.order-sm-11) {
+    order: 11;
+  }
+
+  :host(.order-sm-12) {
+    order: 12;
+  }
+}
+@media only screen and (min-width: 992px) {
+  :host(.start-md-0) {
+    grid-column-start: 1;
+  }
+
+  :host(.start-md-1) {
+    grid-column-start: 2;
+  }
+
+  :host(.start-md-2) {
+    grid-column-start: 3;
+  }
+
+  :host(.start-md-3) {
+    grid-column-start: 4;
+  }
+
+  :host(.start-md-4) {
+    grid-column-start: 5;
+  }
+
+  :host(.start-md-5) {
+    grid-column-start: 6;
+  }
+
+  :host(.start-md-6) {
+    grid-column-start: 7;
+  }
+
+  :host(.start-md-7) {
+    grid-column-start: 8;
+  }
+
+  :host(.start-md-8) {
+    grid-column-start: 9;
+  }
+
+  :host(.start-md-9) {
+    grid-column-start: 10;
+  }
+
+  :host(.start-md-10) {
+    grid-column-start: 11;
+  }
+
+  :host(.start-md-11) {
+    grid-column-start: 12;
+  }
+
+  :host(.start-md-12) {
+    grid-column-start: 13;
+  }
+
+  :host(.span-md-1) {
+    grid-column-end: span 1;
+  }
+
+  :host(.span-md-2) {
+    grid-column-end: span 2;
+  }
+
+  :host(.span-md-3) {
+    grid-column-end: span 3;
+  }
+
+  :host(.span-md-4) {
+    grid-column-end: span 4;
+  }
+
+  :host(.span-md-5) {
+    grid-column-end: span 5;
+  }
+
+  :host(.span-md-6) {
+    grid-column-end: span 6;
+  }
+
+  :host(.span-md-7) {
+    grid-column-end: span 7;
+  }
+
+  :host(.span-md-8) {
+    grid-column-end: span 8;
+  }
+
+  :host(.span-md-9) {
+    grid-column-end: span 9;
+  }
+
+  :host(.span-md-10) {
+    grid-column-end: span 10;
+  }
+
+  :host(.span-md-11) {
+    grid-column-end: span 11;
+  }
+
+  :host(.span-md-12) {
+    grid-column-end: span 12;
+  }
+
+  :host(.order-md-1) {
+    order: 1;
+  }
+
+  :host(.order-md-2) {
+    order: 2;
+  }
+
+  :host(.order-md-3) {
+    order: 3;
+  }
+
+  :host(.order-md-4) {
+    order: 4;
+  }
+
+  :host(.order-md-5) {
+    order: 5;
+  }
+
+  :host(.order-md-6) {
+    order: 6;
+  }
+
+  :host(.order-md-7) {
+    order: 7;
+  }
+
+  :host(.order-md-8) {
+    order: 8;
+  }
+
+  :host(.order-md-9) {
+    order: 9;
+  }
+
+  :host(.order-md-10) {
+    order: 10;
+  }
+
+  :host(.order-md-11) {
+    order: 11;
+  }
+
+  :host(.order-md-12) {
+    order: 12;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  :host(.start-lg-0) {
+    grid-column-start: 1;
+  }
+
+  :host(.start-lg-1) {
+    grid-column-start: 2;
+  }
+
+  :host(.start-lg-2) {
+    grid-column-start: 3;
+  }
+
+  :host(.start-lg-3) {
+    grid-column-start: 4;
+  }
+
+  :host(.start-lg-4) {
+    grid-column-start: 5;
+  }
+
+  :host(.start-lg-5) {
+    grid-column-start: 6;
+  }
+
+  :host(.start-lg-6) {
+    grid-column-start: 7;
+  }
+
+  :host(.start-lg-7) {
+    grid-column-start: 8;
+  }
+
+  :host(.start-lg-8) {
+    grid-column-start: 9;
+  }
+
+  :host(.start-lg-9) {
+    grid-column-start: 10;
+  }
+
+  :host(.start-lg-10) {
+    grid-column-start: 11;
+  }
+
+  :host(.start-lg-11) {
+    grid-column-start: 12;
+  }
+
+  :host(.start-lg-12) {
+    grid-column-start: 13;
+  }
+
+  :host(.span-lg-1) {
+    grid-column-end: span 1;
+  }
+
+  :host(.span-lg-2) {
+    grid-column-end: span 2;
+  }
+
+  :host(.span-lg-3) {
+    grid-column-end: span 3;
+  }
+
+  :host(.span-lg-4) {
+    grid-column-end: span 4;
+  }
+
+  :host(.span-lg-5) {
+    grid-column-end: span 5;
+  }
+
+  :host(.span-lg-6) {
+    grid-column-end: span 6;
+  }
+
+  :host(.span-lg-7) {
+    grid-column-end: span 7;
+  }
+
+  :host(.span-lg-8) {
+    grid-column-end: span 8;
+  }
+
+  :host(.span-lg-9) {
+    grid-column-end: span 9;
+  }
+
+  :host(.span-lg-10) {
+    grid-column-end: span 10;
+  }
+
+  :host(.span-lg-11) {
+    grid-column-end: span 11;
+  }
+
+  :host(.span-lg-12) {
+    grid-column-end: span 12;
+  }
+
+  :host(.order-lg-1) {
+    order: 1;
+  }
+
+  :host(.order-lg-2) {
+    order: 2;
+  }
+
+  :host(.order-lg-3) {
+    order: 3;
+  }
+
+  :host(.order-lg-4) {
+    order: 4;
+  }
+
+  :host(.order-lg-5) {
+    order: 5;
+  }
+
+  :host(.order-lg-6) {
+    order: 6;
+  }
+
+  :host(.order-lg-7) {
+    order: 7;
+  }
+
+  :host(.order-lg-8) {
+    order: 8;
+  }
+
+  :host(.order-lg-9) {
+    order: 9;
+  }
+
+  :host(.order-lg-10) {
+    order: 10;
+  }
+
+  :host(.order-lg-11) {
+    order: 11;
+  }
+
+  :host(.order-lg-12) {
+    order: 12;
+  }
+}