[Frontend] IN-PROGRESS Theme changes continuing

open #95
Grid items;
This commit is contained in:
Charles Hacskaylo
2015-09-04 18:06:18 -07:00
parent ac41ed7d64
commit 86deec6364
7 changed files with 218 additions and 184 deletions

View File

@@ -145,32 +145,6 @@
background-repeat: $repeatDir;
}
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) {
$ltnRatio: 7%;
$gradRatio: 5%;
$hovRatio: 7%;
$bgBase: $bg; //pullForward($bg, $ltnRatio);
$fgBase: $fg; // pullForward($fg, $ltnRatio);
$gradC1: lighten($bgBase, $gradRatio); // Container should be lighter higher up
$gradC2: $bgBase;
$cInvokeBase: #fff;
@include background-image(linear-gradient($gradC1, $gradC2));
@include border-radius($controlCr);
@include box-sizing(border-box);
@include boxShdwSubtle();
border: none;
//border-top: 1px solid lighten($gradC1, 2%);
color: $fg;
display: inline-block;
@if $hover == true {
&:not(.disabled):hover {
@include background-image(linear-gradient(pullForward($gradC1, $hovRatio), pullForward($gradC2, $hovRatio)));
color: pullForward($fgBase, $hovRatio);
}
}
}
@mixin sliderTrack($bg: $scrollbarTrackColorBg) {
$b: 1px solid lighten($bg, 30%);
@include border-radius(2px);
@@ -210,25 +184,6 @@
}
}
@mixin btnSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $ic: $colorKey) {
// $ic: Icon color
@include border-radius($controlCr);
@include containerSubtle($bg, $fg, true);
@include text-shadow(rgba(black, 0.3) 0 1px 1px);
.icon {
color: $ic;
}
&:not(.disabled) {
&:not(.paused) {
&:hover {
.icon {
color: lighten($ic, $ltGamma);
}
}
}
}
}
@mixin boxIncised($sVal: 0.6) {
@include box-shadow(inset rgba(black, $sVal) 0 1px 5px);
}
@@ -267,6 +222,12 @@
@include background-image(linear-gradient($deg, rgba($c, $a0), rgba($c, $a1) 100%));
}
@mixin txtShdw($sVal) {
@if $sVal != 'none' {
@include text-shadow($sVal);
}
}
@mixin txtShdwSubtle($sVal: 0.1) {
@if $sVal != 'none' {
@include text-shadow(rgba(black, $sVal) 0 1px 2px);