studio - page headers: setting up needed future CSS

cms/static/sass/_base.scss

@@ -56,7 +56,7 @@ h1 {
   padding: 0 $baseline;
   position: relative;
   
-  .mast {
+  .mast, .metadata {
     @include clearfix();
     @include font-size(16);
     position: relative;
@@ -64,9 +64,12 @@ h1 {
     min-width: $fg-min-width;
     width: flex-grid(12);
     margin: 0 auto $baseline auto;
+    color: $gray-d2;
+  }
+
+  .mast {
     border-bottom: 1px solid $gray-l4;
     padding-bottom: ($baseline/2);
-    color: $gray-d2;
 
     .title-sub {
       @include font-size(14);
@@ -86,6 +89,33 @@ h1 {
       color: $gray-d3;
     }
 
+    .nav-hierarchy {
+      @include font-size(14);
+      display: block;
+      margin: 0;
+      color: $gray-l2;
+      font-weight: 400;
+
+      .nav-item {
+        display: inline;
+        vertical-align: middle;
+        margin-right: ($baseline/4);
+
+        &:after {
+          content: ">>";
+          margin-left: ($baseline/4);
+        }
+
+        &:last-child {
+          margin-right: 0;
+
+          &:after {
+            content: none;
+          }
+        }
+      }
+    }
+
     // layout with actions
     .title {
       width: flex-grid(12);
@@ -120,7 +150,12 @@ h1 {
 
         // buttons
         .button {
-          padding: ($baseline/4) ($baseline/2) ($baseline/3) ($baseline/2);
+          padding: ($baseline/4) ($baseline/2) ($baseline/3) ($baseline/2) !important;
+          font-weight: 400 !important;
+        }
+
+        .new-button {
+          font-weight: 700 !important;
         }
 
         .upload-button .icon-create {
@@ -130,6 +165,11 @@ h1 {
       }
     }
   }
+
+  // page metadata/action bar
+  .metadata {
+
+  }
 }
 
 // layout - basic page content