alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] IN-PROGRESS Theme changes continuing

Browse Source 
open #95
Mostly about the overlay and forms;
Buttons, menus, selects tweaks continued;
Initial check and tweaks in mobile;
This commit is contained in:
Charles Hacskaylo
2015-09-09 15:55:12 -07:00
parent 86deec6364
commit 4db48afab0
21 changed files with 1295 additions and 1430 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
platform/commonUI/themes/snow/res/sass/_mixins.scss
View File

@@ -1,4 +1,4 @@
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false, $contrastRatioPercent: 20%) {
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) {
$hovRatio: 5%;
$bgBase: $bg; //pullForward($bg, $contrastRatioPercent);
$fgBase: $fg; //pushBack($bg, $contrastRatioPercent);
@@ -6,35 +6,22 @@
background-color: $bgBase;
@include border-radius($controlCr);
@include box-sizing(border-box);
//@include boxShdwSubtle();
//border: none;
//border-top: 1px solid lighten($gradC1, 2%);
display: inline-block;
@if $hover == true {
&:not(.disabled):hover {
background-color: $colorKey; //pullForward($bgBase, $hovRatio);
//color: pushBack($fgBase, $hovRatio);
}
}
}
@mixin btnSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $ic: $colorBtnIcon, $contrastRatioPercent: 20%) {
// $ic: Icon color
@mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) {
@include user-select(none);
@include border-radius($controlCr);
@include containerSubtle($bg, $fg, true, 30%);
@include containerSubtle($bg, $fg);
color: $ic;
.icon {
color: $ic;
}
/* &:not(.disabled) {
&:not(.paused) {
&:hover {
.icon {
color: pullForward($ic, $ltGamma);
}
}
}
}*/
@if $bgHov != none {
&:not(.disabled):hover {
background-color: $bgHov;
}
}
}
@function pullForward($c: $colorBodyBg, $p: 20%) {