[Frontend] IN-PROGRESS Theme changes continuing

open #95
Refactored btnSubtle and containerSubtle mixins
to simplify;
This commit is contained in:
Charles Hacskaylo
2015-09-09 16:49:59 -07:00
parent 4db48afab0
commit 32b895ba62
8 changed files with 356 additions and 364 deletions

View File

@@ -1,27 +1,10 @@
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) {
$hovRatio: 5%;
$bgBase: $bg; //pullForward($bg, $contrastRatioPercent);
$fgBase: $fg; //pushBack($bg, $contrastRatioPercent);
background-color: $bgBase;
@include border-radius($controlCr);
@include box-sizing(border-box);
display: inline-block;
@include containerBase($bg, $fg);
}
@mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) {
@include user-select(none);
@include border-radius($controlCr);
@include containerSubtle($bg, $fg);
color: $ic;
.icon {
color: $ic;
}
@if $bgHov != none {
&:not(.disabled):hover {
background-color: $bgHov;
}
}
@include containerSubtle($bg, $fg);
@include btnBase($bg, $colorKey, $fg, $ic);
}
@function pullForward($c: $colorBodyBg, $p: 20%) {