[Autoflow] Add SCSS files

Merge in SCSS files and platform markup which supports
autoflow tabular views for WTD-611 into the open-source-friendly
master branch.
This commit is contained in:
Victor Woeltjen
2014-12-31 10:43:01 -08:00
parent 5414c4c2d0
commit 7db5c0692b
55 changed files with 4693 additions and 1935 deletions

View File

@@ -0,0 +1,52 @@
$pad: $interiorMargin * 2;
/*********************************** TYPE STYLES */
.t-btn {
cursor: pointer;
}
/*********************************** STYLE STYLES */
.s-btn {
$base: lighten($colorBodyBg, 20%);
@include border-radius($controlCr);
@include box-sizing(border-box);
@include text-shadow(rgba(black, 0.3) 0 1px 1px);
line-height: 1.2em;
padding: 0 $pad;
text-decoration: none;
&.s-very-subtle {
@include containerSubtle($colorBodyBg, $colorBodyFg, true);
}
}
.s-icon-btn {
@extend .s-btn;
font-size: 1.2em;
.icon {
color: $colorKey;
}
&:not(.disabled):hover .icon {
color: lighten($colorKey, $ltGamma);
}
&.labeled {
padding: 0 $pad/2;
.icon {
font-size: 1.5em;
}
.title-label {
margin-left: $interiorMargin;
}
}
}
/*********************************** LAYOUT STYLES */
span.l-btn,
span.l-btn span,
a.l-btn,
a.l-btn span {
display: inline-block;
}