initial

themes/next/source/css/_common/scaffolding/helpers.styl

@@ -0,0 +1,68 @@
+//
+// Helpers
+// =================================================
+
+
+// Alignment
+.text-left    { text-align: left; }
+.text-center  { text-align: center; }
+.text-right   { text-align: right; }
+.text-justify { text-align: justify; }
+.text-nowrap  { white-space: nowrap; }
+
+
+// Transformation
+.text-lowercase  { text-transform: lowercase; }
+.text-uppercase  { text-transform: uppercase; }
+.text-capitalize { text-transform: capitalize; }
+
+
+// Center-align a block level element.
+.center-block {
+  show();
+  margin-left: auto;
+  margin-right: auto;
+}
+
+
+// Clearfix. http://nicolasgallagher.com/micro-clearfix-hack/
+.clearfix {
+  clearfix();
+}
+
+.pullquote {
+  width: 45%;
+
+  &.left {
+    float: left;
+    margin-left: 5px;
+    margin-right: 10px;
+  }
+
+  &.right {
+    float: right;
+    margin-left: 10px;
+    margin-right: 5px;
+  }
+}
+
+.affix {
+  position: fixed;
+}
+
+.translation {
+  margin-top: -20px;
+  font-size: 14px;
+  color: $grey-dark;
+}
+
+// https://davidwalsh.name/detect-scrollbar-width
+.scrollbar-measure {
+  width: 100px;
+  height: 100px;
+  overflow: scroll;
+  position: absolute;
+  top: -9999px;
+}
+
+.use-motion .motion-element { opacity: 0; }