round 2 on html and sass for textbook upload

This commit is contained in:
Frances Botsford
2013-05-28 14:32:18 -04:00
committed by David Baumgold
parent d4b1d4c60c
commit e237cdca84
5 changed files with 24 additions and 38 deletions

View File

@@ -133,27 +133,7 @@
}
}
// blue small/inline button
.btn-flat-blue {
@extend .btn-flat;
color: $white;
background-color: $blue;
&:hover, &:active {
background: $blue-l4;
color: $blue-s2;
}
&.current, &.active {
border-color: $blue-l3;
background: $blue-l3;
color: $blue-d1;
&:hover, &:active {
}
}
}
// ====================

View File

@@ -16,12 +16,13 @@ body.course.textbooks {
margin-top: $baseline;
.action-add-chapter {
@extend .btn-flat-blue;
@extend .t-action2;
@include grey-button;
@include transition(all .15s);
display: block;
width: 100%;
margin-bottom: ($baseline*1.5);
border: 1px solid #B3C4DA;
padding: ($baseline/5) $baseline;
font-weight: 600;
}
@@ -31,7 +32,7 @@ body.course.textbooks {
@extend .t-action2;
@include transition(all .15s);
display: inline-block;
padding: ($baseline/5) $baseline ($baseline/4) $baseline;
padding: ($baseline/5) $baseline;
font-weight: 600;
text-transform: uppercase;
}
@@ -41,12 +42,25 @@ body.course.textbooks {
@extend .t-action2;
@include transition(all .15s);
display: inline-block;
padding: ($baseline/5) $baseline ($baseline/4) $baseline;
padding: ($baseline/5) $baseline;
font-weight: 600;
text-transform: uppercase;
}
}
.copy {
@include font-size(12);
margin: ($baseline) 0 ($baseline/2) 0;
color: $gray;
strong {
font-weight: 600;
}
}
.list-input {
@@ -155,7 +169,7 @@ body.course.textbooks {
.field {
display: block;
width: 46%;
width: 46.5%;
border-bottom: none;
margin: 0 $baseline 0 0;
padding: ($baseline/4) 0 0 0;
@@ -168,14 +182,15 @@ body.course.textbooks {
.action-uploadasset {
@extend .t-action4;
@extend .btn-flat-blue;
@include blue-button;
@include transition(all .15s);
@include font-size(12);
font-weight: 600;
text-align: center;
position: absolute;
top: 0;
top: 2px;
right: 0;
padding: ($baseline/5) ($baseline/2) ($baseline/10) ($baseline/2);
padding: 3px ($baseline/2) 1px ($baseline/2);
}
}