[Frontend] Final cleanups, tweaks; Refactored s-icon-btn

open #208
Unit tested in both themes;
.s-icon-btn refactored slightly to focus on usage
as an icon-only element, removed overlap designations
with .s-btn in markup;
Colors normalized for theming;
Code cleanup;
This commit is contained in:
Charles Hacskaylo
2015-11-20 16:47:04 -08:00
parent 5a7349117a
commit fd3059b380
10 changed files with 261 additions and 305 deletions

View File

@@ -95,10 +95,7 @@ $pad: $interiorMargin * $baseRatio;
.s-icon-btn {
@extend .ui-symbol;
color: $colorBtnIcon;
&:hover {
color: lighten($colorBtnIcon, $ltGamma);
}
// Color and styling additionally in _controls.scss
}
.mini-tab {

View File

@@ -187,7 +187,8 @@ label.checkbox.custom {
}
}
.context-available {
.context-available,
.s-icon-btn {
$c: $colorKey;
color: $c;
&:hover {

View File

@@ -18,13 +18,13 @@
&:hover .control {
margin-right: $interiorMargin;
opacity: 1;
width: auto;
width: 1em;
}
}
.value {
color: pullForward($colorBodyFg, 20%);
font-weight: 600;
color: pullForward($colorBodyFg, 50%);
font-weight: 400;
.direction {
font-size: 0.8em;
}