Studio: more styling changes

typography, SASS, imports

cms/static/sass/_base.scss

@@ -166,6 +166,37 @@ h1 {
   font-weight: 600;
 }
 
+// typography - primary content
+.content-secondary {
+
+  .section-header {
+    color: $gray-d3;
+
+    .subtitle {
+      color: $gray-l2;
+    }
+  }
+
+  .content-header {
+    color: $gray-d3;
+
+    .subtitle {
+      color: $gray-l2;
+    }
+  }
+
+  .content-header {
+    color: $gray-d3;
+
+    .subtitle {
+      color: $gray-l2;
+    }
+  }
+}
+
+// ====================
+
+// typography - loose headings (BT: needs to be removed once html is clean)
 .title-1 {
   @extend .t-title3;
   margin-bottom: ($baseline*1.5);

cms/static/sass/_mixins-inherited.scss

 // studio - utilities - INHERITED mixins and extends
+
 // NOTE: these are older/poorly architected mixins that we want to move away from using or refactor in the future.
 // They are still referenced when styliing current interface elements and as such need to be preserved for the time being.
+// talbs: we need to slowly ween ourselves off of these
 // ====================
 
 // inherited - vertical and horizontal centering

cms/static/sass/elements/_system-feedback.scss

@@ -111,7 +111,6 @@
     .nav-actions .action-primary {
       @include green-button();
       @include font-size(12); // needed due to bad button mixins for now
-
       border-color: $green-d2;
     }
 
@@ -423,6 +422,7 @@
     }
 
     .action-secondary {
+
       @extend .t-action4;
     }
   }

common/static/sass/_mixins.scss

@@ -26,26 +26,6 @@
   @include size($size);
 }
 
-// ====================
-
-// mixins - image-replacement hidden text
-@mixin text-hide() {
-  text-indent: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-// mixins - hidden elems - screenreaders
-@mixin text-sr() {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
 
 // ====================