mirror of
https://git.disroot.org/eudaimon/Simplewaita.git
synced 2026-03-10 04:21:07 +00:00
prepare for release, adding previews, improving readme
This commit is contained in:
parent
ebabde0cfa
commit
5fb7c6c590
19 changed files with 277 additions and 354 deletions
|
|
@ -13,7 +13,7 @@
|
|||
// possible $t values:
|
||||
// normal, hover, active, insensitive, backdrop, backdrop-insensitive, menu
|
||||
|
||||
$_border_color: if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color);
|
||||
$_border_color: $tc;//if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color);
|
||||
$_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7));
|
||||
|
||||
@if $t==normal {
|
||||
|
|
|
|||
|
|
@ -62,8 +62,8 @@ $backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
|
|||
$backdrop_bg_color: $bg_color;
|
||||
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
|
||||
$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%));
|
||||
$backdrop_selected_fg_color: mix($backdrop_text_color, $selected_fg_color, 0.5);
|
||||
$backdrop_selected_bg_color: transparentize(desaturate($selected_bg_color,80%),0.5);
|
||||
$backdrop_selected_fg_color: mix($backdrop_text_color, $selected_fg_color, 50%);
|
||||
$backdrop_selected_bg_color: transparentize(desaturate($selected_bg_color,50%),0.3);
|
||||
$backdrop_borders_color: mix($borders_color, $bg_color, 80%);
|
||||
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
|
||||
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ $menu_radius: 5px;
|
|||
@at-root %selected_items_backdrop,
|
||||
&:backdrop {
|
||||
color: $backdrop_selected_fg_color;
|
||||
background-color: $backdrop_selected_bg_color;
|
||||
|
||||
&:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -492,3 +492,78 @@ button {
|
|||
&.dragging,
|
||||
&.hovering { opacity: 0.8; }
|
||||
}
|
||||
|
||||
|
||||
/*************
|
||||
* Level Bar *
|
||||
*************/
|
||||
|
||||
levelbar {
|
||||
&.horizontal {
|
||||
block {
|
||||
min-height: 3px;
|
||||
}
|
||||
|
||||
&.discrete block {
|
||||
margin: 0 1px;
|
||||
min-width: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
block {
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
&.discrete block {
|
||||
margin: 1px 0;
|
||||
min-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
&:backdrop { transition: $backdrop_transition; }
|
||||
|
||||
trough {
|
||||
border: 1px solid;
|
||||
padding: 1px;
|
||||
border-radius: 3px;
|
||||
@include entry(normal);
|
||||
|
||||
&:backdrop { @include entry(backdrop); }
|
||||
border-color: $borders_color;
|
||||
}
|
||||
|
||||
block {
|
||||
border: 1px solid;
|
||||
border-radius: 1px;
|
||||
|
||||
&.low {
|
||||
border-color: if($variant == 'light', darken($warning_color, 20%), $warning_color);
|
||||
background-color: $warning_color;
|
||||
|
||||
&:backdrop { border-color: $warning_color; };
|
||||
}
|
||||
|
||||
&.high,
|
||||
&:not(.empty) {
|
||||
border-color: if($variant == 'light', darken($progress_bg_color, 20%), $progress_bg_color);
|
||||
background-color: $progress_bg_color;
|
||||
|
||||
&:backdrop { border-color: $progress_bg_color; }
|
||||
}
|
||||
|
||||
&.full {
|
||||
border-color: if($variant == 'light', darken($success_color, 20%), $success_color);
|
||||
background-color: $success_color;
|
||||
|
||||
&:backdrop { border-color: $success_color; };
|
||||
}
|
||||
|
||||
&.empty {
|
||||
background-color: transparent;
|
||||
border-color: if($variant == 'light', transparentize($fg_color,0.8), transparentize($fg_color,0.9));
|
||||
|
||||
&:backdrop { border-color: transparentize($backdrop_fg_color,0.85); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
87
source/common/levelbar.scss
Normal file
87
source/common/levelbar.scss
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
/*************
|
||||
* Level Bar *
|
||||
*************/
|
||||
|
||||
$_levelbar_size: 9px;
|
||||
$_levelbar_border_radius: 5px;
|
||||
|
||||
levelbar {
|
||||
&.horizontal {
|
||||
trough > block {
|
||||
min-height: $_levelbar_size;
|
||||
border-radius: $_levelbar_border_radius;
|
||||
|
||||
&:dir(rtl) {
|
||||
border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0;
|
||||
}
|
||||
|
||||
&:dir(ltr) {
|
||||
border-radius: $_levelbar_border_radius 0 0 $_levelbar_border_radius;
|
||||
}
|
||||
|
||||
&.empty,&.full {
|
||||
border-radius: $_levelbar_border_radius;
|
||||
}
|
||||
}
|
||||
|
||||
// segmented level bar
|
||||
&.discrete {
|
||||
trough > block {
|
||||
min-height: 2px;
|
||||
margin: 1px;
|
||||
min-width: 24px;
|
||||
border-radius:0;
|
||||
&:first-child {border-radius: 2px 0 0 2px;}
|
||||
&:last-child {
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
trough > block {
|
||||
min-width: $_levelbar_size;
|
||||
border-radius: $_levelbar_border_radius;
|
||||
}
|
||||
|
||||
&.discrete > trough > block {
|
||||
min-width: $_levelbar_size - 7px;
|
||||
margin: 1px 0;
|
||||
min-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
> trough {
|
||||
padding: 1px;
|
||||
@include entry(normal);
|
||||
&:backdrop { @include entry(backdrop); }
|
||||
border-radius: $_levelbar_border_radius;
|
||||
}
|
||||
|
||||
// level bar colours
|
||||
> trough > block {
|
||||
border: 1px solid;
|
||||
|
||||
&.low {
|
||||
border-color: $warning_color;
|
||||
background-color: $warning_color;
|
||||
}
|
||||
|
||||
&.high,
|
||||
&:not(.empty) {
|
||||
border-color: $selected_bg_color;
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
|
||||
&.full {
|
||||
border-color: $success_color;
|
||||
background-color: $success_color;
|
||||
}
|
||||
|
||||
&.empty {
|
||||
background-color: darken($bg_color, 5%);
|
||||
border-color: darken($bg_color, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue