studio - page headers: completed basic styling and simple page set-ups

This commit is contained in:
Brian Talbot
2013-02-13 15:03:26 -05:00
parent 8ec4c09615
commit e23c99961d
7 changed files with 79 additions and 21 deletions

View File

@@ -70,9 +70,12 @@ h1 {
.title-sub {
@include font-size(14);
position: relative;
top: ($baseline/4);
display: block;
margin: 0;
color: $gray-l2;
font-weight: 400;
}
.title, .title-1 {
@@ -82,6 +85,50 @@ h1 {
font-weight: 600;
color: $gray-d3;
}
// layout with actions
.title {
width: flex-grid(12);
}
// layout with actions
&.has-actions {
@include clearfix();
.title {
float: left;
width: flex-grid(5,12);
margin-right: flex-gutter();
}
.nav-actions {
position: relative;
bottom: -($baseline*1.5);
float: right;
width: flex-grid(4,12);
text-align: right;
.nav-item {
display: inline-block;
vertical-align: top;
margin-right: ($baseline/2);
&:last-child {
margin-right: 0;
}
}
// buttons
.button {
padding: ($baseline/4) ($baseline/2) ($baseline/3) ($baseline/2);
}
.upload-button .icon-create {
@include font-size(18);
margin-top: ($baseline/4);
}
}
}
}
}
@@ -531,22 +578,30 @@ hr.divide {
.new-button {
@include green-button;
font-size: 13px;
@include font-size(13);
padding: 8px 20px 10px;
text-align: center;
&.big {
display: block;
}
.icon-create {
display: inline-block;
vertical-align: middle;
margin-right: ($baseline/4);
margin-top: ($baseline/10);
line-height: 0;
}
}
.edit-button.standard,
.delete-button.standard {
float: left;
@include font-size(12);
@include white-button;
float: left;
padding: 3px 10px 4px;
margin-left: 7px;
font-size: 12px;
font-weight: 400;
.edit-icon,

View File

@@ -37,6 +37,11 @@
padding: 34px 0 42px;
border-top: 1px solid #cbd1db;
&:first-child {
padding-top: 0;
border: none;
}
&.editing {
position: relative;
z-index: 1001;