app/assets/stylesheets/sass-zero/utilities/text.scss in sass-zero-0.0.36 vs app/assets/stylesheets/sass-zero/utilities/text.scss in sass-zero-0.0.37

@@ -2,100 +2,96 @@
 @import "sass-zero/variables/spacing";
 @import "sass-zero/variables/border";
 @import "sass-zero/variables/colors";
 @import "sass-zero/mixins";
 
-.txt {
-  &--xs {
-    font-size: $text-xs;
-  }
+.txt--xs {
+  font-size: $text-xs;
+}
 
-  &--sm {
-    font-size: $text-sm;
-  }
+.txt--sm {
+  font-size: $text-sm;
+}
 
-  &--md {
-    font-size: $text-base;
-  }
+.txt--md {
+  font-size: $text-base;
+}
 
-  &--lg {
-    font-size: $text-lg;
-  }
+.txt--lg {
+  font-size: $text-lg;
+}
 
-  &--xl {
-    font-size: $text-xl;
-  }
+.txt--xl {
+  font-size: $text-xl;
+}
 
-  &--2xl {
-    font-size: $text-2xl;
-  }
+.txt--2xl {
+  font-size: $text-2xl;
+}
 
-  &--3xl {
-    font-size: $text-3xl;
-  }
+.txt--3xl {
+  font-size: $text-3xl;
+}
 
-  &--nowrap {
-    white-space: nowrap;
-  }
+.txt--nowrap {
+  white-space: nowrap;
+}
 
-  &--break-words {
-    word-wrap: break-word;
-  }
+.txt--break-words {
+  word-wrap: break-word;
+}
 
-  &--break-all {
-    word-break: break-all;
-  }
+.txt--break-all {
+  word-break: break-all;
+}
 
-  &--ellipsis {
-    @include ellipsis;
-  }
+.txt--ellipsis {
+  @include ellipsis;
+}
 
-  &--normal {
-    font-weight: $font-normal;
-  }
+.txt--normal {
+  font-weight: $font-normal;
+}
 
-  &--bold {
-    font-weight: $font-bold;
-  }
+.txt--bold {
+  font-weight: $font-bold;
+}
 
-  &--subtle {
-    color: $gray-700;
-  }
+.txt--subtle {
+  color: $gray-700;
+}
 
-  &--very-subtle {
-    color: $gray-600;
-  }
+.txt--very-subtle {
+  color: $gray-600;
+}
 
-  &--underline {
-    text-decoration: underline;
-  }
+.txt--underline {
+  text-decoration: underline;
+}
 
-  &--uppercase {
-    text-transform: uppercase;
-  }
+.txt--uppercase {
+  text-transform: uppercase;
 }
 
-.align {
-  &--top {
-    vertical-align: top;
-  }
+.align--top {
+  vertical-align: top;
+}
 
-  &--middle {
-    vertical-align: middle;
-  }
+.align--middle {
+  vertical-align: middle;
+}
 
-  &--bottom {
-    vertical-align: bottom;
-  }
+.align--bottom {
+  vertical-align: bottom;
+}
 
-  &--left {
-    text-align: left;
-  }
+.align--left {
+  text-align: left;
+}
 
-  &--center {
-    text-align: center;
-  }
+.align--center {
+  text-align: center;
+}
 
-  &--right {
-    text-align: right;
-  }
+.align--right {
+  text-align: right;
 }