aiden
/
Orchis-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
pull/198/head
vinceliuice 4 years ago
parent a38178974f
commit b32252b4e4
7 changed files with 581 additions and 249 deletions
Show Stats Download Patch File Download Diff File

98
src/_sass/gtk/_common-4.0.scss
Unescape Escape View File

@ -2459,8 +2459,7 @@ scale {
} }
> trough > slider { > trough > slider {
transition: background-color $duration $ease-out, transition: $transition;
background-image $ripple-fade-out-opacity-duration $ease-out;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: auto; background-size: auto;
@ -2492,8 +2491,7 @@ scale {
&:active { &:active {
$_url: 'assets/scale-slider#{$asset-suffix}'; $_url: 'assets/scale-slider#{$asset-suffix}';
transition: background-color $duration $ease-out; background-color: $overlay-active;
background-color: $overlay-hover;
background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')); background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png'));
background-size: auto, 0% 0%; background-size: auto, 0% 0%;
} }
@ -2502,20 +2500,40 @@ scale {
> marks, > marks,
> value { color: $text-secondary; } > value { color: $text-secondary; }
indicator { > marks indicator {
background-color: $track; background-color: $track;
color: transparent; color: transparent;
} }
//marks margins
@each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom),
(horizontal, bottom, bottom, top),
(vertical, top, left, right),
(vertical, bottom, right, left) {
&.#{$scale_orient} marks {
&.#{$marks_class} {
margin-#{$marks_margin}: $_marks_distance;
margin-#{$marks_pos}: -($_marks_distance + $_marks_length);
}
}
&.#{$scale_orient}.fine-tune marks {
&.#{$marks_class} {
margin-#{$marks_margin}: $_marks_distance - 1px;
margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 1px);
}
}
}
&.horizontal { &.horizontal {
indicator { > marks indicator {
min-height: $_marks_length; min-height: $_marks_length;
min-width: 1px; min-width: 1px;
} }
} }
&.vertical { &.vertical {
indicator { > marks indicator {
min-height: 1px; min-height: 1px;
min-width: $_marks_length; min-width: $_marks_length;
} }
@ -2524,51 +2542,41 @@ scale {
&.marks-before:not(.marks-after), &.marks-before:not(.marks-after),
&.marks-after:not(.marks-before) { &.marks-after:not(.marks-before) {
> trough > slider { > trough > slider {
transform: rotate(45deg); transform: none;
background-color: $primary; box-shadow: none;
min-width: 12px; border: none;
min-height: 12px; transition: $transition;
margin: -5px;
&:hover {
min-width: 16px;
min-height: 16px;
margin: -7px;
}
&:active {
min-width: 14px;
min-height: 14px;
margin: -6px;
}
&:disabled { &:disabled {
background-color: $track; box-shadow: none;
} }
} }
} }
&.horizontal { // *WARNING* scale with marks madness following
&.marks-before > trough > slider {
border-top-left-radius: 0;
}
&.marks-after > trough > slider { @each $dir_class, $dir_infix in ('horizontal', 'horz'),
border-bottom-right-radius: 0; ('vertical', 'vert') {
} @each $marks_infix, $marks_class in ('marks-before', 'marks-before:not(.marks-after)'),
('marks-after', 'marks-after:not(.marks-before)') {
&.#{$dir_class}.#{$marks_class} {
> trough > slider {
@each $state, $state_infix in ('', ''),
(':disabled', '-disabled') {
&#{$state} {
$_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$state_infix}#{$asset-suffix}';
&.marks-before.marks-after > trough > slider { background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
border-radius: 100%; }
} }
}
&.vertical { &:active {
&.marks-before > trough > slider { $_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$asset-suffix}';
border-bottom-left-radius: 0;
}
&.marks-after > trough > slider { background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
border-top-right-radius: 0; }
}
}
} }
} }
@ -2579,7 +2587,7 @@ scale {
&.horizontal { &.horizontal {
padding: 0 0 12px 0; padding: 0 0 12px 0;
slider { > trough > slider {
&:dir(ltr), &:dir(rtl) { // specificity bump &:dir(ltr), &:dir(rtl) { // specificity bump
margin-bottom: $color_slider_margin; margin-bottom: $color_slider_margin;
margin-top: $color_marks_slider_margin; margin-top: $color_marks_slider_margin;
@ -2591,7 +2599,7 @@ scale {
&:dir(ltr) { &:dir(ltr) {
padding: 0 0 0 12px; padding: 0 0 0 12px;
slider { > trough > slider {
margin-left: $color_slider_margin; margin-left: $color_slider_margin;
margin-right: $color_marks_slider_margin; margin-right: $color_marks_slider_margin;
} }
@ -2600,7 +2608,7 @@ scale {
&:dir(rtl) { &:dir(rtl) {
padding: 0 12px 0 0; padding: 0 12px 0 0;
slider { > trough > slider {
margin-right: $color_slider_margin; margin-right: $color_slider_margin;
margin-left: $color_marks_slider_margin; margin-left: $color_marks_slider_margin;
} }

122
src/gtk/4.0/gtk-Compact.css
Unescape Escape View File

@ -2786,7 +2786,7 @@ scale > trough > fill:disabled {
} }
scale > trough > slider { scale > trough > slider {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: auto; background-size: auto;
@ -2822,8 +2822,7 @@ scale > trough > slider:focus:hover {
} }
scale > trough > slider:active { scale > trough > slider:active {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.12);
background-color: alpha(currentColor, 0.08);
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
background-size: auto, 0% 0%; background-size: auto, 0% 0%;
} }
@ -2833,63 +2832,118 @@ scale > value {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
scale indicator { scale > marks indicator {
background-color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.26);
color: transparent; color: transparent;
} }
scale.horizontal indicator { scale.horizontal marks.top {
margin-bottom: 7px;
margin-top: -15px;
}
scale.horizontal.fine-tune marks.top {
margin-bottom: 6px;
margin-top: -14px;
}
scale.horizontal marks.bottom {
margin-top: 7px;
margin-bottom: -15px;
}
scale.horizontal.fine-tune marks.bottom {
margin-top: 6px;
margin-bottom: -14px;
}
scale.vertical marks.top {
margin-right: 7px;
margin-left: -15px;
}
scale.vertical.fine-tune marks.top {
margin-right: 6px;
margin-left: -14px;
}
scale.vertical marks.bottom {
margin-left: 7px;
margin-right: -15px;
}
scale.vertical.fine-tune marks.bottom {
margin-left: 6px;
margin-right: -14px;
}
scale.horizontal > marks indicator {
min-height: 8px; min-height: 8px;
min-width: 1px; min-width: 1px;
} }
scale.vertical indicator { scale.vertical > marks indicator {
min-height: 1px; min-height: 1px;
min-width: 8px; min-width: 8px;
} }
scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
transform: rotate(45deg); transform: none;
background-color: #1A73E8; box-shadow: none;
min-width: 12px; border: none;
min-height: 12px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
margin: -5px;
} }
scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover { scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled {
min-width: 16px; box-shadow: none;
min-height: 16px;
margin: -7px;
} }
scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active { scale.horizontal.marks-before:not(.marks-after) > trough > slider {
min-width: 14px; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
min-height: 14px;
margin: -6px;
} }
scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
background-color: rgba(0, 0, 0, 0.26); background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
} }
scale.horizontal.marks-before > trough > slider { scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
border-top-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
} }
scale.horizontal.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider {
border-bottom-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
} }
scale.horizontal.marks-before.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
border-radius: 100%; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
} }
scale.vertical.marks-before > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
border-bottom-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
} }
scale.vertical.marks-after > trough > slider { scale.vertical.marks-before:not(.marks-after) > trough > slider {
border-top-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
} }
scale.color { scale.color {
@ -2901,7 +2955,7 @@ scale.color.horizontal {
padding: 0 0 12px 0; padding: 0 0 12px 0;
} }
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
margin-bottom: -24px; margin-bottom: -24px;
margin-top: 8px; margin-top: 8px;
} }
@ -2910,7 +2964,7 @@ scale.color.vertical:dir(ltr) {
padding: 0 0 0 12px; padding: 0 0 0 12px;
} }
scale.color.vertical:dir(ltr) slider { scale.color.vertical:dir(ltr) > trough > slider {
margin-left: -24px; margin-left: -24px;
margin-right: 8px; margin-right: 8px;
} }
@ -2919,7 +2973,7 @@ scale.color.vertical:dir(rtl) {
padding: 0 12px 0 0; padding: 0 12px 0 0;
} }
scale.color.vertical:dir(rtl) slider { scale.color.vertical:dir(rtl) > trough > slider {
margin-right: -24px; margin-right: -24px;
margin-left: 8px; margin-left: 8px;
} }

122
src/gtk/4.0/gtk-Dark-Compact.css
Unescape Escape View File

@ -2786,7 +2786,7 @@ scale > trough > fill:disabled {
} }
scale > trough > slider { scale > trough > slider {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: auto; background-size: auto;
@ -2822,8 +2822,7 @@ scale > trough > slider:focus:hover {
} }
scale > trough > slider:active { scale > trough > slider:active {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.12);
background-color: alpha(currentColor, 0.08);
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
background-size: auto, 0% 0%; background-size: auto, 0% 0%;
} }
@ -2833,63 +2832,118 @@ scale > value {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
scale indicator { scale > marks indicator {
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
color: transparent; color: transparent;
} }
scale.horizontal indicator { scale.horizontal marks.top {
margin-bottom: 7px;
margin-top: -15px;
}
scale.horizontal.fine-tune marks.top {
margin-bottom: 6px;
margin-top: -14px;
}
scale.horizontal marks.bottom {
margin-top: 7px;
margin-bottom: -15px;
}
scale.horizontal.fine-tune marks.bottom {
margin-top: 6px;
margin-bottom: -14px;
}
scale.vertical marks.top {
margin-right: 7px;
margin-left: -15px;
}
scale.vertical.fine-tune marks.top {
margin-right: 6px;
margin-left: -14px;
}
scale.vertical marks.bottom {
margin-left: 7px;
margin-right: -15px;
}
scale.vertical.fine-tune marks.bottom {
margin-left: 6px;
margin-right: -14px;
}
scale.horizontal > marks indicator {
min-height: 8px; min-height: 8px;
min-width: 1px; min-width: 1px;
} }
scale.vertical indicator { scale.vertical > marks indicator {
min-height: 1px; min-height: 1px;
min-width: 8px; min-width: 8px;
} }
scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
transform: rotate(45deg); transform: none;
background-color: #3281ea; box-shadow: none;
min-width: 12px; border: none;
min-height: 12px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
margin: -5px;
} }
scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover { scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled {
min-width: 16px; box-shadow: none;
min-height: 16px;
margin: -7px;
} }
scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active { scale.horizontal.marks-before:not(.marks-after) > trough > slider {
min-width: 14px; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
min-height: 14px;
margin: -6px;
} }
scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
background-color: rgba(255, 255, 255, 0.3); background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
} }
scale.horizontal.marks-before > trough > slider { scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
border-top-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
} }
scale.horizontal.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider {
border-bottom-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
} }
scale.horizontal.marks-before.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
border-radius: 100%; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
} }
scale.vertical.marks-before > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
border-bottom-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
} }
scale.vertical.marks-after > trough > slider { scale.vertical.marks-before:not(.marks-after) > trough > slider {
border-top-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
} }
scale.color { scale.color {
@ -2901,7 +2955,7 @@ scale.color.horizontal {
padding: 0 0 12px 0; padding: 0 0 12px 0;
} }
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
margin-bottom: -24px; margin-bottom: -24px;
margin-top: 8px; margin-top: 8px;
} }
@ -2910,7 +2964,7 @@ scale.color.vertical:dir(ltr) {
padding: 0 0 0 12px; padding: 0 0 0 12px;
} }
scale.color.vertical:dir(ltr) slider { scale.color.vertical:dir(ltr) > trough > slider {
margin-left: -24px; margin-left: -24px;
margin-right: 8px; margin-right: 8px;
} }
@ -2919,7 +2973,7 @@ scale.color.vertical:dir(rtl) {
padding: 0 12px 0 0; padding: 0 12px 0 0;
} }
scale.color.vertical:dir(rtl) slider { scale.color.vertical:dir(rtl) > trough > slider {
margin-right: -24px; margin-right: -24px;
margin-left: 8px; margin-left: 8px;
} }

122
src/gtk/4.0/gtk-Dark.css
Unescape Escape View File

@ -2786,7 +2786,7 @@ scale > trough > fill:disabled {
} }
scale > trough > slider { scale > trough > slider {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: auto; background-size: auto;
@ -2822,8 +2822,7 @@ scale > trough > slider:focus:hover {
} }
scale > trough > slider:active { scale > trough > slider:active {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.12);
background-color: alpha(currentColor, 0.08);
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
background-size: auto, 0% 0%; background-size: auto, 0% 0%;
} }
@ -2833,63 +2832,118 @@ scale > value {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
scale indicator { scale > marks indicator {
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
color: transparent; color: transparent;
} }
scale.horizontal indicator { scale.horizontal marks.top {
margin-bottom: 7px;
margin-top: -15px;
}
scale.horizontal.fine-tune marks.top {
margin-bottom: 6px;
margin-top: -14px;
}
scale.horizontal marks.bottom {
margin-top: 7px;
margin-bottom: -15px;
}
scale.horizontal.fine-tune marks.bottom {
margin-top: 6px;
margin-bottom: -14px;
}
scale.vertical marks.top {
margin-right: 7px;
margin-left: -15px;
}
scale.vertical.fine-tune marks.top {
margin-right: 6px;
margin-left: -14px;
}
scale.vertical marks.bottom {
margin-left: 7px;
margin-right: -15px;
}
scale.vertical.fine-tune marks.bottom {
margin-left: 6px;
margin-right: -14px;
}
scale.horizontal > marks indicator {
min-height: 8px; min-height: 8px;
min-width: 1px; min-width: 1px;
} }
scale.vertical indicator { scale.vertical > marks indicator {
min-height: 1px; min-height: 1px;
min-width: 8px; min-width: 8px;
} }
scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
transform: rotate(45deg); transform: none;
background-color: #3281ea; box-shadow: none;
min-width: 12px; border: none;
min-height: 12px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
margin: -5px;
} }
scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover { scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled {
min-width: 16px; box-shadow: none;
min-height: 16px;
margin: -7px;
} }
scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active { scale.horizontal.marks-before:not(.marks-after) > trough > slider {
min-width: 14px; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
min-height: 14px;
margin: -6px;
} }
scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
background-color: rgba(255, 255, 255, 0.3); background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
} }
scale.horizontal.marks-before > trough > slider { scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
border-top-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
} }
scale.horizontal.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider {
border-bottom-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
} }
scale.horizontal.marks-before.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
border-radius: 100%; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
} }
scale.vertical.marks-before > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
border-bottom-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
} }
scale.vertical.marks-after > trough > slider { scale.vertical.marks-before:not(.marks-after) > trough > slider {
border-top-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
} }
scale.color { scale.color {
@ -2901,7 +2955,7 @@ scale.color.horizontal {
padding: 0 0 12px 0; padding: 0 0 12px 0;
} }
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
margin-bottom: -24px; margin-bottom: -24px;
margin-top: 8px; margin-top: 8px;
} }
@ -2910,7 +2964,7 @@ scale.color.vertical:dir(ltr) {
padding: 0 0 0 12px; padding: 0 0 0 12px;
} }
scale.color.vertical:dir(ltr) slider { scale.color.vertical:dir(ltr) > trough > slider {
margin-left: -24px; margin-left: -24px;
margin-right: 8px; margin-right: 8px;
} }
@ -2919,7 +2973,7 @@ scale.color.vertical:dir(rtl) {
padding: 0 12px 0 0; padding: 0 12px 0 0;
} }
scale.color.vertical:dir(rtl) slider { scale.color.vertical:dir(rtl) > trough > slider {
margin-right: -24px; margin-right: -24px;
margin-left: 8px; margin-left: 8px;
} }

122
src/gtk/4.0/gtk-Light-Compact.css
Unescape Escape View File

@ -2786,7 +2786,7 @@ scale > trough > fill:disabled {
} }
scale > trough > slider { scale > trough > slider {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: auto; background-size: auto;
@ -2822,8 +2822,7 @@ scale > trough > slider:focus:hover {
} }
scale > trough > slider:active { scale > trough > slider:active {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.12);
background-color: alpha(currentColor, 0.08);
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
background-size: auto, 0% 0%; background-size: auto, 0% 0%;
} }
@ -2833,63 +2832,118 @@ scale > value {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
scale indicator { scale > marks indicator {
background-color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.26);
color: transparent; color: transparent;
} }
scale.horizontal indicator { scale.horizontal marks.top {
margin-bottom: 7px;
margin-top: -15px;
}
scale.horizontal.fine-tune marks.top {
margin-bottom: 6px;
margin-top: -14px;
}
scale.horizontal marks.bottom {
margin-top: 7px;
margin-bottom: -15px;
}
scale.horizontal.fine-tune marks.bottom {
margin-top: 6px;
margin-bottom: -14px;
}
scale.vertical marks.top {
margin-right: 7px;
margin-left: -15px;
}
scale.vertical.fine-tune marks.top {
margin-right: 6px;
margin-left: -14px;
}
scale.vertical marks.bottom {
margin-left: 7px;
margin-right: -15px;
}
scale.vertical.fine-tune marks.bottom {
margin-left: 6px;
margin-right: -14px;
}
scale.horizontal > marks indicator {
min-height: 8px; min-height: 8px;
min-width: 1px; min-width: 1px;
} }
scale.vertical indicator { scale.vertical > marks indicator {
min-height: 1px; min-height: 1px;
min-width: 8px; min-width: 8px;
} }
scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
transform: rotate(45deg); transform: none;
background-color: #1A73E8; box-shadow: none;
min-width: 12px; border: none;
min-height: 12px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
margin: -5px;
} }
scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover { scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled {
min-width: 16px; box-shadow: none;
min-height: 16px;
margin: -7px;
} }
scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active { scale.horizontal.marks-before:not(.marks-after) > trough > slider {
min-width: 14px; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
min-height: 14px;
margin: -6px;
} }
scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
background-color: rgba(0, 0, 0, 0.26); background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
} }
scale.horizontal.marks-before > trough > slider { scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
border-top-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
} }
scale.horizontal.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider {
border-bottom-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
} }
scale.horizontal.marks-before.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
border-radius: 100%; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
} }
scale.vertical.marks-before > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
border-bottom-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
} }
scale.vertical.marks-after > trough > slider { scale.vertical.marks-before:not(.marks-after) > trough > slider {
border-top-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
} }
scale.color { scale.color {
@ -2901,7 +2955,7 @@ scale.color.horizontal {
padding: 0 0 12px 0; padding: 0 0 12px 0;
} }
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
margin-bottom: -24px; margin-bottom: -24px;
margin-top: 8px; margin-top: 8px;
} }
@ -2910,7 +2964,7 @@ scale.color.vertical:dir(ltr) {
padding: 0 0 0 12px; padding: 0 0 0 12px;
} }
scale.color.vertical:dir(ltr) slider { scale.color.vertical:dir(ltr) > trough > slider {
margin-left: -24px; margin-left: -24px;
margin-right: 8px; margin-right: 8px;
} }
@ -2919,7 +2973,7 @@ scale.color.vertical:dir(rtl) {
padding: 0 12px 0 0; padding: 0 12px 0 0;
} }
scale.color.vertical:dir(rtl) slider { scale.color.vertical:dir(rtl) > trough > slider {
margin-right: -24px; margin-right: -24px;
margin-left: 8px; margin-left: 8px;
} }

122
src/gtk/4.0/gtk-Light.css
Unescape Escape View File

@ -2786,7 +2786,7 @@ scale > trough > fill:disabled {
} }
scale > trough > slider { scale > trough > slider {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: auto; background-size: auto;
@ -2822,8 +2822,7 @@ scale > trough > slider:focus:hover {
} }
scale > trough > slider:active { scale > trough > slider:active {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.12);
background-color: alpha(currentColor, 0.08);
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
background-size: auto, 0% 0%; background-size: auto, 0% 0%;
} }
@ -2833,63 +2832,118 @@ scale > value {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
scale indicator { scale > marks indicator {
background-color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.26);
color: transparent; color: transparent;
} }
scale.horizontal indicator { scale.horizontal marks.top {
margin-bottom: 7px;
margin-top: -15px;
}
scale.horizontal.fine-tune marks.top {
margin-bottom: 6px;
margin-top: -14px;
}
scale.horizontal marks.bottom {
margin-top: 7px;
margin-bottom: -15px;
}
scale.horizontal.fine-tune marks.bottom {
margin-top: 6px;
margin-bottom: -14px;
}
scale.vertical marks.top {
margin-right: 7px;
margin-left: -15px;
}
scale.vertical.fine-tune marks.top {
margin-right: 6px;
margin-left: -14px;
}
scale.vertical marks.bottom {
margin-left: 7px;
margin-right: -15px;
}
scale.vertical.fine-tune marks.bottom {
margin-left: 6px;
margin-right: -14px;
}
scale.horizontal > marks indicator {
min-height: 8px; min-height: 8px;
min-width: 1px; min-width: 1px;
} }
scale.vertical indicator { scale.vertical > marks indicator {
min-height: 1px; min-height: 1px;
min-width: 8px; min-width: 8px;
} }
scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
transform: rotate(45deg); transform: none;
background-color: #1A73E8; box-shadow: none;
min-width: 12px; border: none;
min-height: 12px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
margin: -5px;
} }
scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover { scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled {
min-width: 16px; box-shadow: none;
min-height: 16px;
margin: -7px;
} }
scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active { scale.horizontal.marks-before:not(.marks-after) > trough > slider {
min-width: 14px; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
min-height: 14px;
margin: -6px;
} }
scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
background-color: rgba(0, 0, 0, 0.26); background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
} }
scale.horizontal.marks-before > trough > slider { scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
border-top-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
} }
scale.horizontal.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider {
border-bottom-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
} }
scale.horizontal.marks-before.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
border-radius: 100%; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
} }
scale.vertical.marks-before > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
border-bottom-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
} }
scale.vertical.marks-after > trough > slider { scale.vertical.marks-before:not(.marks-after) > trough > slider {
border-top-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
} }
scale.color { scale.color {
@ -2901,7 +2955,7 @@ scale.color.horizontal {
padding: 0 0 12px 0; padding: 0 0 12px 0;
} }
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
margin-bottom: -24px; margin-bottom: -24px;
margin-top: 8px; margin-top: 8px;
} }
@ -2910,7 +2964,7 @@ scale.color.vertical:dir(ltr) {
padding: 0 0 0 12px; padding: 0 0 0 12px;
} }
scale.color.vertical:dir(ltr) slider { scale.color.vertical:dir(ltr) > trough > slider {
margin-left: -24px; margin-left: -24px;
margin-right: 8px; margin-right: 8px;
} }
@ -2919,7 +2973,7 @@ scale.color.vertical:dir(rtl) {
padding: 0 12px 0 0; padding: 0 12px 0 0;
} }
scale.color.vertical:dir(rtl) slider { scale.color.vertical:dir(rtl) > trough > slider {
margin-right: -24px; margin-right: -24px;
margin-left: 8px; margin-left: 8px;
} }

122
src/gtk/4.0/gtk.css
Unescape Escape View File

@ -2786,7 +2786,7 @@ scale > trough > fill:disabled {
} }
scale > trough > slider { scale > trough > slider {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: auto; background-size: auto;
@ -2822,8 +2822,7 @@ scale > trough > slider:focus:hover {
} }
scale > trough > slider:active { scale > trough > slider:active {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.12);
background-color: alpha(currentColor, 0.08);
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")); background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
background-size: auto, 0% 0%; background-size: auto, 0% 0%;
} }
@ -2833,63 +2832,118 @@ scale > value {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
scale indicator { scale > marks indicator {
background-color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.26);
color: transparent; color: transparent;
} }
scale.horizontal indicator { scale.horizontal marks.top {
margin-bottom: 7px;
margin-top: -15px;
}
scale.horizontal.fine-tune marks.top {
margin-bottom: 6px;
margin-top: -14px;
}
scale.horizontal marks.bottom {
margin-top: 7px;
margin-bottom: -15px;
}
scale.horizontal.fine-tune marks.bottom {
margin-top: 6px;
margin-bottom: -14px;
}
scale.vertical marks.top {
margin-right: 7px;
margin-left: -15px;
}
scale.vertical.fine-tune marks.top {
margin-right: 6px;
margin-left: -14px;
}
scale.vertical marks.bottom {
margin-left: 7px;
margin-right: -15px;
}
scale.vertical.fine-tune marks.bottom {
margin-left: 6px;
margin-right: -14px;
}
scale.horizontal > marks indicator {
min-height: 8px; min-height: 8px;
min-width: 1px; min-width: 1px;
} }
scale.vertical indicator { scale.vertical > marks indicator {
min-height: 1px; min-height: 1px;
min-width: 8px; min-width: 8px;
} }
scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
transform: rotate(45deg); transform: none;
background-color: #1A73E8; box-shadow: none;
min-width: 12px; border: none;
min-height: 12px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
margin: -5px;
} }
scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover { scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled {
min-width: 16px; box-shadow: none;
min-height: 16px;
margin: -7px;
} }
scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active { scale.horizontal.marks-before:not(.marks-after) > trough > slider {
min-width: 14px; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
min-height: 14px;
margin: -6px;
} }
scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
background-color: rgba(0, 0, 0, 0.26); background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
} }
scale.horizontal.marks-before > trough > slider { scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
border-top-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
} }
scale.horizontal.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider {
border-bottom-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
} }
scale.horizontal.marks-before.marks-after > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
border-radius: 100%; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
} }
scale.vertical.marks-before > trough > slider { scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
border-bottom-left-radius: 0; background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
} }
scale.vertical.marks-after > trough > slider { scale.vertical.marks-before:not(.marks-after) > trough > slider {
border-top-right-radius: 0; background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
}
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
}
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
} }
scale.color { scale.color {
@ -2901,7 +2955,7 @@ scale.color.horizontal {
padding: 0 0 12px 0; padding: 0 0 12px 0;
} }
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
margin-bottom: -24px; margin-bottom: -24px;
margin-top: 8px; margin-top: 8px;
} }
@ -2910,7 +2964,7 @@ scale.color.vertical:dir(ltr) {
padding: 0 0 0 12px; padding: 0 0 0 12px;
} }
scale.color.vertical:dir(ltr) slider { scale.color.vertical:dir(ltr) > trough > slider {
margin-left: -24px; margin-left: -24px;
margin-right: 8px; margin-right: 8px;
} }
@ -2919,7 +2973,7 @@ scale.color.vertical:dir(rtl) {
padding: 0 12px 0 0; padding: 0 12px 0 0;
} }
scale.color.vertical:dir(rtl) slider { scale.color.vertical:dir(rtl) > trough > slider {
margin-right: -24px; margin-right: -24px;
margin-left: 8px; margin-left: 8px;
} }

Write Preview
Loading…
Cancel
Save