diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss index 5eecbea6db..3ecbbb81e1 100644 --- a/cms/static/sass/_base.scss +++ b/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