suitcss-rails 1.0.0

data/app/assets/stylesheets/suitcss/utils/align.css

@@ -0,0 +1,21 @@
+/**
+ * @define utilities
+ * Vertical alignment utilities
+ * Depends on an appropriate `display` value.
+ */
+
+.u-alignBaseline {
+    vertical-align: baseline !important;
+}
+
+.u-alignBottom {
+    vertical-align: bottom !important;
+}
+
+.u-alignMiddle {
+    vertical-align: middle !important;
+}
+
+.u-alignTop {
+    vertical-align: top !important;
+}

data/app/assets/stylesheets/suitcss/utils/before.css

@@ -0,0 +1,4 @@
+@import "before/index";
+@import "before/sm";
+@import "before/md";
+@import "before/lg";

data/app/assets/stylesheets/suitcss/utils/before/index.css

@@ -0,0 +1,117 @@
+/**
+ * @define utilities
+ * Specify the proportional offset before an object.
+ * Intentional redundancy build into each set of unit classes.
+ * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
+ */
+
+.u-before1of12 {
+    margin-left: calc(100% * 1 / 12) !important;
+}
+
+.u-before1of10 {
+    margin-left: 10% !important;
+}
+
+.u-before1of8 {
+    margin-left: 12.5% !important;
+}
+
+.u-before1of6,
+.u-before2of12 {
+    margin-left: calc(100% * 1 / 6) !important;
+}
+
+.u-before1of5,
+.u-before2of10 {
+    margin-left: 20% !important;
+}
+
+.u-before1of4,
+.u-before2of8,
+.u-before3of12 {
+    margin-left: 25% !important;
+}
+
+.u-before3of10 {
+    margin-left: 30% !important;
+}
+
+.u-before1of3,
+.u-before2of6,
+.u-before4of12 {
+    margin-left: calc(100% * 1 / 3) !important;
+}
+
+.u-before3of8 {
+    margin-left: 37.5% !important;
+}
+
+.u-before2of5,
+.u-before4of10 {
+    margin-left: 40% !important;
+}
+
+.u-before5of12 {
+    margin-left: calc(100% * 5 / 12) !important;
+}
+
+.u-before1of2,
+.u-before2of4,
+.u-before3of6,
+.u-before4of8,
+.u-before5of10,
+.u-before6of12 {
+    margin-left: 50% !important;
+}
+
+.u-before7of12 {
+    margin-left: calc(100% * 7 / 12) !important;
+}
+
+.u-before3of5,
+.u-before6of10 {
+    margin-left: 60% !important;
+}
+
+.u-before5of8 {
+    margin-left: 62.5% !important;
+}
+
+.u-before2of3,
+.u-before4of6,
+.u-before8of12 {
+    margin-left: calc(100% * 2 / 3) !important;
+}
+
+.u-before7of10 {
+    margin-left: 70% !important;
+}
+
+.u-before3of4,
+.u-before6of8,
+.u-before9of12 {
+    margin-left: 75% !important;
+}
+
+.u-before4of5,
+.u-before8of10 {
+    margin-left: 80% !important;
+}
+
+.u-before5of6,
+.u-before10of12 {
+    margin-left: calc(100% * 5 / 6) !important;
+}
+
+.u-before7of8 {
+    margin-left: 87.5% !important;
+}
+
+.u-before9of10 {
+    margin-left: 90% !important;
+}
+
+.u-before11of12 {
+    margin-left: calc(100% * 11 / 12) !important;
+}

data/app/assets/stylesheets/suitcss/utils/before/lg.css

@@ -0,0 +1,127 @@
+/**
+ * @define utilities
+ * Offset: breakpoint 3 (large)
+ *
+ * Specify the proportional offset before an element.
+ * Intentional redundancy build into each set of unit classes.
+ * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
+ */
+
+@media (--lg-viewport) {
+
+    .u-lg-beforeNone {
+        margin-left: 0 !important;
+    }
+
+    .u-lg-before1of12 {
+        margin-left: calc(100% * 1 / 12) !important;
+    }
+
+    .u-lg-before1of10 {
+        margin-left: 10% !important;
+    }
+
+    .u-lg-before1of8 {
+        margin-left: 12.5% !important;
+    }
+
+    .u-lg-before1of6,
+    .u-lg-before2of12 {
+        margin-left: calc(100% * 1 / 6) !important;
+    }
+
+    .u-lg-before1of5,
+    .u-lg-before2of10 {
+        margin-left: 20% !important;
+    }
+
+    .u-lg-before1of4,
+    .u-lg-before2of8,
+    .u-lg-before3of12 {
+        margin-left: 25% !important;
+    }
+
+    .u-lg-before3of10 {
+        margin-left: 30% !important;
+    }
+
+    .u-lg-before1of3,
+    .u-lg-before2of6,
+    .u-lg-before4of12 {
+        margin-left: calc(100% * 1 / 3) !important;
+    }
+
+    .u-lg-before3of8 {
+        margin-left: 37.5% !important;
+    }
+
+    .u-lg-before2of5,
+    .u-lg-before4of10 {
+        margin-left: 40% !important;
+    }
+
+    .u-lg-before5of12 {
+        margin-left: calc(100% * 5 / 12) !important;
+    }
+
+    .u-lg-before1of2,
+    .u-lg-before2of4,
+    .u-lg-before3of6,
+    .u-lg-before4of8,
+    .u-lg-before5of10,
+    .u-lg-before6of12 {
+        margin-left: 50% !important;
+    }
+
+    .u-lg-before7of12 {
+        margin-left: calc(100% * 7 / 12) !important;
+    }
+
+    .u-lg-before3of5,
+    .u-lg-before6of10 {
+        margin-left: 60% !important;
+    }
+
+    .u-lg-before5of8 {
+        margin-left: 62.5% !important;
+    }
+
+    .u-lg-before2of3,
+    .u-lg-before4of6,
+    .u-lg-before8of12 {
+        margin-left: calc(100% * 2 / 3) !important;
+    }
+
+    .u-lg-before7of10 {
+        margin-left: 70% !important;
+    }
+
+    .u-lg-before3of4,
+    .u-lg-before6of8,
+    .u-lg-before9of12 {
+        margin-left: 75% !important;
+    }
+
+    .u-lg-before4of5,
+    .u-lg-before8of10 {
+        margin-left: 80% !important;
+    }
+
+    .u-lg-before5of6,
+    .u-lg-before10of12 {
+        margin-left: calc(100% * 5 / 6) !important;
+    }
+
+    .u-lg-before7of8 {
+        margin-left: 87.5% !important;
+    }
+
+    .u-lg-before9of10 {
+        margin-left: 90% !important;
+    }
+
+    .u-lg-before11of12 {
+        margin-left: calc(100% * 11 / 12) !important;
+    }
+
+}

data/app/assets/stylesheets/suitcss/utils/before/md.css

@@ -0,0 +1,127 @@
+/**
+ * @define utilities
+ * Offset: breakpoint 2 (medium)
+ *
+ * Specify the proportional offset before an element.
+ * Intentional redundancy build into each set of unit classes.
+ * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
+ */
+
+@media (--md-viewport) {
+
+    .u-md-beforeNone {
+        margin-left: 0 !important;
+    }
+
+    .u-md-before1of12 {
+        margin-left: calc(100% * 1 / 12) !important;
+    }
+
+    .u-md-before1of10 {
+        margin-left: 10% !important;
+    }
+
+    .u-md-before1of8 {
+        margin-left: 12.5% !important;
+    }
+
+    .u-md-before1of6,
+    .u-md-before2of12 {
+        margin-left: calc(100% * 1 / 6) !important;
+    }
+
+    .u-md-before1of5,
+    .u-md-before2of10 {
+        margin-left: 20% !important;
+    }
+
+    .u-md-before1of4,
+    .u-md-before2of8,
+    .u-md-before3of12 {
+        margin-left: 25% !important;
+    }
+
+    .u-md-before3of10 {
+        margin-left: 30% !important;
+    }
+
+    .u-md-before1of3,
+    .u-md-before2of6,
+    .u-md-before4of12 {
+        margin-left: calc(100% * 1 / 3) !important;
+    }
+
+    .u-md-before3of8 {
+        margin-left: 37.5% !important;
+    }
+
+    .u-md-before2of5,
+    .u-md-before4of10 {
+        margin-left: 40% !important;
+    }
+
+    .u-md-before5of12 {
+        margin-left: calc(100% * 5 / 12) !important;
+    }
+
+    .u-md-before1of2,
+    .u-md-before2of4,
+    .u-md-before3of6,
+    .u-md-before4of8,
+    .u-md-before5of10,
+    .u-md-before6of12 {
+        margin-left: 50% !important;
+    }
+
+    .u-md-before7of12 {
+        margin-left: calc(100% * 7 / 12) !important;
+    }
+
+    .u-md-before3of5,
+    .u-md-before6of10 {
+        margin-left: 60% !important;
+    }
+
+    .u-md-before5of8 {
+        margin-left: 62.5% !important;
+    }
+
+    .u-md-before2of3,
+    .u-md-before4of6,
+    .u-md-before8of12 {
+        margin-left: calc(100% * 2 / 3) !important;
+    }
+
+    .u-md-before7of10 {
+        margin-left: 70% !important;
+    }
+
+    .u-md-before3of4,
+    .u-md-before6of8,
+    .u-md-before9of12 {
+        margin-left: 75% !important;
+    }
+
+    .u-md-before4of5,
+    .u-md-before8of10 {
+        margin-left: 80% !important;
+    }
+
+    .u-md-before5of6,
+    .u-md-before10of12 {
+        margin-left: calc(100% * 5 / 6) !important;
+    }
+
+    .u-md-before7of8 {
+        margin-left: 87.5% !important;
+    }
+
+    .u-md-before9of10 {
+        margin-left: 90% !important;
+    }
+
+    .u-md-before11of12 {
+        margin-left: calc(100% * 11 / 12) !important;
+    }
+
+}

data/app/assets/stylesheets/suitcss/utils/before/sm.css

@@ -0,0 +1,127 @@
+/**
+ * @define utilities
+ * Offset: breakpoint 1 (small)
+ *
+ * Specify the proportional offset before an element.
+ * Intentional redundancy build into each set of unit classes.
+ * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
+ */
+
+@media (--sm-viewport) {
+
+    .u-sm-beforeNone {
+        margin-left: 0 !important;
+    }
+
+    .u-sm-before1of12 {
+        margin-left: calc(100% * 1 / 12) !important;
+    }
+
+    .u-sm-before1of10 {
+        margin-left: 10% !important;
+    }
+
+    .u-sm-before1of8 {
+        margin-left: 12.5% !important;
+    }
+
+    .u-sm-before1of6,
+    .u-sm-before2of12 {
+        margin-left: calc(100% * 1 / 6) !important;
+    }
+
+    .u-sm-before1of5,
+    .u-sm-before2of10 {
+        margin-left: 20% !important;
+    }
+
+    .u-sm-before1of4,
+    .u-sm-before2of8,
+    .u-sm-before3of12 {
+        margin-left: 25% !important;
+    }
+
+    .u-sm-before3of10 {
+        margin-left: 30% !important;
+    }
+
+    .u-sm-before1of3,
+    .u-sm-before2of6,
+    .u-sm-before4of12 {
+        margin-left: calc(100% * 1 / 3) !important;
+    }
+
+    .u-sm-before3of8 {
+        margin-left: 37.5% !important;
+    }
+
+    .u-sm-before2of5,
+    .u-sm-before4of10 {
+        margin-left: 40% !important;
+    }
+
+    .u-sm-before5of12 {
+        margin-left: calc(100% * 5 / 12) !important;
+    }
+
+    .u-sm-before1of2,
+    .u-sm-before2of4,
+    .u-sm-before3of6,
+    .u-sm-before4of8,
+    .u-sm-before5of10,
+    .u-sm-before6of12 {
+        margin-left: 50% !important;
+    }
+
+    .u-sm-before7of12 {
+        margin-left: calc(100% * 7 / 12) !important;
+    }
+
+    .u-sm-before3of5,
+    .u-sm-before6of10 {
+        margin-left: 60% !important;
+    }
+
+    .u-sm-before5of8 {
+        margin-left: 62.5% !important;
+    }
+
+    .u-sm-before2of3,
+    .u-sm-before4of6,
+    .u-sm-before8of12 {
+        margin-left: calc(100% * 2 / 3) !important;
+    }
+
+    .u-sm-before7of10 {
+        margin-left: 70% !important;
+    }
+
+    .u-sm-before3of4,
+    .u-sm-before6of8,
+    .u-sm-before9of12 {
+        margin-left: 75% !important;
+    }
+
+    .u-sm-before4of5,
+    .u-sm-before8of10 {
+        margin-left: 80% !important;
+    }
+
+    .u-sm-before5of6,
+    .u-sm-before10of12 {
+        margin-left: calc(100% * 5 / 6) !important;
+    }
+
+    .u-sm-before7of8 {
+        margin-left: 87.5% !important;
+    }
+
+    .u-sm-before9of10 {
+        margin-left: 90% !important;
+    }
+
+    .u-sm-before11of12 {
+        margin-left: calc(100% * 11 / 12) !important;
+    }
+
+}