Adwaita: refactor levelbar styling.

This commit is contained in:
Lapo Calamandrei
2016-04-28 15:45:12 +02:00
parent 8f9693e02c
commit 0f28c2cd47
3 changed files with 64 additions and 82 deletions

View File

@@ -3269,48 +3269,38 @@ levelbar {
&.vertical.discrete block { margin: 1px 0; }
block:not(.empty) {
border: 1px solid if($variant=='light', darken($selected_bg_color,10%),
darken($selected_bg_color,5%));
background-color: $selected_bg_color;
box-shadow: 0 1px transparentize(black, 0.9);
border-radius: 1px;
&:backdrop {
border-color: $selected_bg_color;
box-shadow: none;
}
}
block {
border: 1px solid;
border-radius: 1px;
box-shadow: 0 1px transparentize(black, 0.8);
&:backdrop { box-shadow: none; }
&.low {
border-color: darken($warning_color,10%);
border-color: if($variant == 'light', darken($warning_color, 20%), $warning_color);
background-color: $warning_color;
&:backdrop { border-color: $warning_color; };
}
&.high {
border-color: darken($selected_bg_color,10%);
&.high,
&:not(.empty) {
border-color: if($variant == 'light', darken($selected_bg_color, 20%), $selected_bg_color);
background-color: $selected_bg_color;
&:backdrop { border-color: $selected_bg_color; }
}
&.full {
border-color: darken($success_color,10%);
border-color: if($variant == 'light', darken($success_color, 20%), $success_color);
background-color: $success_color;
&:backdrop { border-color: $success_color; };
}
&.empty {
border: 1px solid if($variant=='light', darken($selected_bg_color,10%),
darken($selected_bg_color,5%));
border-radius: 1px;
background-color: transparent;
border-color: if($variant=='light', transparentize($fg_color,0.8),
transparentize($fg_color,0.9));
border-color: if($variant == 'light', transparentize($fg_color,0.8), transparentize($fg_color,0.9));
box-shadow: none;
&:backdrop { border-color: transparentize($backdrop_fg_color,0.85); }

View File

@@ -3624,37 +3624,33 @@ levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block:not(.empty) {
border: 1px solid #1c5187;
background-color: #215d9c;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
levelbar block:not(.empty):backdrop {
border-color: #215d9c;
box-shadow: none; }
levelbar block.low {
border-color: #c26000;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high {
border-color: #184472;
background-color: #215d9c; }
levelbar block.high:backdrop {
border-color: #215d9c; }
levelbar block.full {
border-color: #40760c;
background-color: #5aa411; }
levelbar block.full:backdrop {
border-color: #5aa411; }
levelbar block.empty {
border: 1px solid #1c5187;
levelbar block {
border: 1px solid;
border-radius: 1px;
background-color: transparent;
border-color: rgba(238, 238, 236, 0.1);
box-shadow: none; }
levelbar block.empty:backdrop {
border-color: rgba(148, 151, 150, 0.15); }
box-shadow: 0 1px rgba(0, 0, 0, 0.2); }
levelbar block:backdrop {
box-shadow: none; }
levelbar block.low {
border-color: #f57900;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high, levelbar block:not(.empty) {
border-color: #215d9c;
background-color: #215d9c; }
levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
border-color: #215d9c; }
levelbar block.full {
border-color: #5aa411;
background-color: #5aa411; }
levelbar block.full:backdrop {
border-color: #5aa411; }
levelbar block.empty {
background-color: transparent;
border-color: rgba(238, 238, 236, 0.1);
box-shadow: none; }
levelbar block.empty:backdrop {
border-color: rgba(148, 151, 150, 0.15); }
/****************
* Print dialog *

View File

@@ -3653,37 +3653,33 @@ levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block:not(.empty) {
border: 1px solid #2a76c6;
background-color: #4a90d9;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
levelbar block:not(.empty):backdrop {
border-color: #4a90d9;
box-shadow: none; }
levelbar block.low {
border-color: #c26000;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high {
border-color: #2a76c6;
background-color: #4a90d9; }
levelbar block.high:backdrop {
border-color: #4a90d9; }
levelbar block.full {
border-color: #5aa411;
background-color: #73d216; }
levelbar block.full:backdrop {
border-color: #73d216; }
levelbar block.empty {
border: 1px solid #2a76c6;
levelbar block {
border: 1px solid;
border-radius: 1px;
background-color: transparent;
border-color: rgba(46, 52, 54, 0.2);
box-shadow: none; }
levelbar block.empty:backdrop {
border-color: rgba(139, 142, 143, 0.15); }
box-shadow: 0 1px rgba(0, 0, 0, 0.2); }
levelbar block:backdrop {
box-shadow: none; }
levelbar block.low {
border-color: #8f4700;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high, levelbar block:not(.empty) {
border-color: #215d9c;
background-color: #4a90d9; }
levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
border-color: #4a90d9; }
levelbar block.full {
border-color: #40760c;
background-color: #73d216; }
levelbar block.full:backdrop {
border-color: #73d216; }
levelbar block.empty {
background-color: transparent;
border-color: rgba(46, 52, 54, 0.2);
box-shadow: none; }
levelbar block.empty:backdrop {
border-color: rgba(139, 142, 143, 0.15); }
/****************
* Print dialog *