by roundabout, Friday, 16 September 2016, 08:01:35 (1474012895), pushed by roundabout, Sunday, 11 May 2025, 13:22:00 (1746969720)
Author identity: nana-4 <hnmaigo@gmail.com>
f317d3b53f294cf53a5a20a82f754816cf7d1d5e
gtk-3.0/_common.scss
@@ -2234,12 +2234,12 @@ scale {
background-repeat: no-repeat;
background-position: center;
@each $s,$as in ('',''),
(':disabled','-insensitive') {
@each $s,$as in ('', ''),
(':disabled', '-insensitive') {
&#{$s} {
$_url: 'assets/slider#{$as}#{$asset_suffix}';
background-image: -gtk-scaled(url('#{$_url}.png'),
url('#{$_url}@2.png'));
background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png'));
}
}
@@ -2287,89 +2287,84 @@ scale {
}
// *WARNING* scale with marks madness following
$suffix: if($variant == 'light', '', '-dark');
@each $dir_class, $dir_infix in ('horizontal', 'horz'),
('vertical', 'vert') {
@each $marks_infix, $nth_child in ('scale-has-marks-above', ':last-child:not(:only-child)'),
('scale-has-marks-below', ':first-child:not(:only-child)') {
@each $state, $state_infix in ('', ''),
(':disabled', '-insensitive') {
&.#{$dir_class} {
%#{$marks_infix}-#{$dir_infix},
contents#{$nth_child} > trough > slider {
@each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'),
('scale-has-marks-below', 'marks-after:not(.marks-before)') {
&.#{$dir_class}.#{$marks_class} {
slider {
@each $state, $state_infix in ('', ''),
(':disabled', '-insensitive') {
&#{$state} {
$_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}#{$suffix}';
$_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}#{$asset_suffix}';
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
}
}
@if $dir_class == 'horizontal' {
min-height: $marks_slider_size;
min-width: $slider_size;
@if $dir_class == 'horizontal' {
min-height: $marks_slider_size;
min-width: $slider_size;
@if $marks_infix == 'scale-has-marks-above' {
margin-top: $marks_slider_margin;
@if $marks_infix == 'scale-has-marks-above' {
margin-top: $marks_slider_margin;
background-position: center calc(100% - 4px);
background-position: center calc(100% - 4px);
&:hover { background-position: center calc(100% - 2px); }
&:hover { background-position: center calc(100% - 2px); }
&:active { background-position: center calc(100% - 0px); }
}
&:active { background-position: center calc(100% - 0px); }
}
@if $marks_infix == 'scale-has-marks-below' {
margin-bottom: $marks_slider_margin;
@if $marks_infix == 'scale-has-marks-below' {
margin-bottom: $marks_slider_margin;
background-position: center calc(4px);
background-position: center calc(4px);
&:hover { background-position: center calc(2px); }
&:hover { background-position: center calc(2px); }
&:active { background-position: center calc(0px); }
}
&:active { background-position: center calc(0px); }
}
}
@if $dir_class == 'vertical' {
min-height: $slider_size;
min-width: $marks_slider_size;
@if $dir_class == 'vertical' {
min-height: $slider_size;
min-width: $marks_slider_size;
@if $marks_infix == 'scale-has-marks-above' {
margin-left: $marks_slider_margin;
@if $marks_infix == 'scale-has-marks-above' {
margin-left: $marks_slider_margin;
background-position: calc(4px) center;
background-position: calc(4px) center;
&:hover { background-position: calc(2px) center; }
&:hover { background-position: calc(2px) center; }
&:active { background-position: calc(0px) center; }
}
&:active { background-position: calc(0px) center; }
}
@if $marks_infix == 'scale-has-marks-below' {
margin-right: $marks_slider_margin;
@if $marks_infix == 'scale-has-marks-below' {
margin-right: $marks_slider_margin;
background-position: calc(100% - 4px) center;
background-position: calc(100% - 4px) center;
&:hover { background-position: calc(100% - 2px) center; }
&:hover { background-position: calc(100% - 2px) center; }
&:active { background-position: calc(100% - 0px) center; }
}
&:active { background-position: calc(100% - 0px) center; }
}
}
}
@at-root %#{$marks_infix}-#{$dir_infix}-fine-tune,
&.fine-tune contents#{$nth_child} > trough > slider {
// bigger negative margins to make the trough grow here as well
@if $dir_class == 'horizontal' {
@if $marks_infix == 'scale-has-marks-above' { background-position: center calc(100% - 6px); }
&.fine-tune slider {
@if $dir_class == 'horizontal' {
@if $marks_infix == 'scale-has-marks-above' { background-position: center calc(100% - 6px); }
@if $marks_infix == 'scale-has-marks-below' { background-position: center calc(6px); }
}
@if $marks_infix == 'scale-has-marks-below' { background-position: center calc(6px); }
}
@if $dir_class == 'vertical' {
@if $marks_infix == 'scale-has-marks-above' { background-position: calc(6px) center; }
@if $dir_class == 'vertical' {
@if $marks_infix == 'scale-has-marks-above' { background-position: calc(6px) center; }
@if $marks_infix == 'scale-has-marks-below' { background-position: calc(100% - 6px) center; }
}
@if $marks_infix == 'scale-has-marks-below' { background-position: calc(100% - 6px) center; }
}
}
}
@@ -2383,13 +2378,11 @@ scale {
&.horizontal {
padding: 0 0 12px 0;
// trough { padding-bottom: $bar_size; }
slider {
@extend %scale-has-marks-above-horz;
margin-bottom: $color_slider_margin;
margin-top: $color_marks_slider_margin;
&:dir(ltr), &:dir(rtl) { // specificity bump
margin-bottom: $color_slider_margin;
margin-top: $color_marks_slider_margin;
}
}
}
@@ -2397,11 +2390,7 @@ scale {
&:dir(ltr) {
padding: 0 0 0 12px;
// trough { padding-left: $bar_size; }
slider {
@extend %scale-has-marks-below-vert;
margin-left: $color_slider_margin;
margin-right: $color_marks_slider_margin;
}
@@ -2410,38 +2399,12 @@ scale {
&:dir(rtl) {
padding: 0 12px 0 0;
// trough { padding-right: $bar_size; }
slider {
@extend %scale-has-marks-above-vert;
margin-right: $color_slider_margin;
margin-left: $color_marks_slider_margin;
}
}
}
&.fine-tune {
&.horizontal {
slider {
@extend %scale-has-marks-above-horz-fine-tune;
}
}
&.vertical {
&:dir(ltr) {
slider {
@extend %scale-has-marks-below-vert-fine-tune;
}
}
&:dir(rtl) {
slider {
@extend %scale-has-marks-above-vert-fine-tune;
}
}
}
}
}
}
gtk-3.0/gtk-dark.css
@@ -1742,140 +1742,72 @@ scale {
scale.vertical indicator {
min-height: 1px;
min-width: 8px; }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after) slider {
min-height: 30px;
min-width: 24px;
margin-top: -16px;
background-position: center calc(100% - 4px); }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after) slider {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
scale.color.horizontal slider:hover,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
background-position: center calc(100% - 2px); }
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
background-position: center calc(100% - 0px); }
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
background-position: center calc(100% - 6px); }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
min-height: 30px;
min-width: 24px;
margin-top: -16px;
background-position: center calc(100% - 4px); }
scale.color.horizontal slider:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); }
scale.color.horizontal slider:hover,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
scale.horizontal.marks-before:not(.marks-after) slider:hover {
background-position: center calc(100% - 2px); }
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
scale.horizontal.marks-before:not(.marks-after) slider:active {
background-position: center calc(100% - 0px); }
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
background-position: center calc(100% - 6px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before) slider {
min-height: 30px;
min-width: 24px;
margin-bottom: -16px;
background-position: center calc(4px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before) slider {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
background-position: center calc(2px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
background-position: center calc(0px); }
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
background-position: center calc(6px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
min-height: 30px;
min-width: 24px;
margin-bottom: -16px;
background-position: center calc(4px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
scale.horizontal.marks-after:not(.marks-before) slider:hover {
background-position: center calc(2px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
scale.horizontal.marks-after:not(.marks-before) slider:active {
background-position: center calc(0px); }
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
background-position: center calc(6px); }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after) slider {
min-height: 24px;
min-width: 30px;
margin-left: -16px;
background-position: calc(4px) center; }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after) slider {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); }
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
background-position: calc(2px) center; }
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
background-position: calc(0px) center; }
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
background-position: calc(6px) center; }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
min-height: 24px;
min-width: 30px;
margin-left: -16px;
background-position: calc(4px) center; }
scale.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
scale.vertical.marks-before:not(.marks-after) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); }
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
scale.vertical.marks-before:not(.marks-after) slider:hover {
background-position: calc(2px) center; }
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
scale.vertical.marks-before:not(.marks-after) slider:active {
background-position: calc(0px) center; }
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
background-position: calc(6px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before) slider {
min-height: 24px;
min-width: 30px;
margin-right: -16px;
background-position: calc(100% - 4px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before) slider {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); }
scale.color.vertical:dir(ltr) slider:hover,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
background-position: calc(100% - 2px) center; }
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
background-position: calc(100% - 0px) center; }
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
background-position: calc(100% - 6px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
min-height: 24px;
min-width: 30px;
margin-right: -16px;
background-position: calc(100% - 4px) center; }
scale.color.vertical:dir(ltr) slider:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
scale.vertical.marks-after:not(.marks-before) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); }
scale.color.vertical:dir(ltr) slider:hover,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
scale.vertical.marks-after:not(.marks-before) slider:hover {
background-position: calc(100% - 2px) center; }
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
scale.vertical.marks-after:not(.marks-before) slider:active {
background-position: calc(100% - 0px) center; }
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
background-position: calc(100% - 6px) center; }
scale.color {
min-height: 0;
min-width: 0; }
scale.color.horizontal {
padding: 0 0 12px 0; }
scale.color.horizontal slider {
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
margin-bottom: -12px;
margin-top: -2px; }
scale.color.vertical:dir(ltr) {
gtk-3.0/gtk-dark_laptop.css
@@ -1742,140 +1742,72 @@ scale {
scale.vertical indicator {
min-height: 1px;
min-width: 8px; }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after) slider {
min-height: 30px;
min-width: 24px;
margin-top: -16px;
background-position: center calc(100% - 4px); }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after) slider {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
scale.color.horizontal slider:hover,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
background-position: center calc(100% - 2px); }
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
background-position: center calc(100% - 0px); }
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
background-position: center calc(100% - 6px); }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
min-height: 30px;
min-width: 24px;
margin-top: -16px;
background-position: center calc(100% - 4px); }
scale.color.horizontal slider:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); }
scale.color.horizontal slider:hover,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
scale.horizontal.marks-before:not(.marks-after) slider:hover {
background-position: center calc(100% - 2px); }
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
scale.horizontal.marks-before:not(.marks-after) slider:active {
background-position: center calc(100% - 0px); }
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
background-position: center calc(100% - 6px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before) slider {
min-height: 30px;
min-width: 24px;
margin-bottom: -16px;
background-position: center calc(4px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before) slider {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
background-position: center calc(2px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
background-position: center calc(0px); }
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
background-position: center calc(6px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
min-height: 30px;
min-width: 24px;
margin-bottom: -16px;
background-position: center calc(4px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
scale.horizontal.marks-after:not(.marks-before) slider:hover {
background-position: center calc(2px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
scale.horizontal.marks-after:not(.marks-before) slider:active {
background-position: center calc(0px); }
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
background-position: center calc(6px); }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after) slider {
min-height: 24px;
min-width: 30px;
margin-left: -16px;
background-position: calc(4px) center; }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after) slider {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); }
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
background-position: calc(2px) center; }
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
background-position: calc(0px) center; }
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
background-position: calc(6px) center; }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
min-height: 24px;
min-width: 30px;
margin-left: -16px;
background-position: calc(4px) center; }
scale.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
scale.vertical.marks-before:not(.marks-after) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); }
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
scale.vertical.marks-before:not(.marks-after) slider:hover {
background-position: calc(2px) center; }
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
scale.vertical.marks-before:not(.marks-after) slider:active {
background-position: calc(0px) center; }
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
background-position: calc(6px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before) slider {
min-height: 24px;
min-width: 30px;
margin-right: -16px;
background-position: calc(100% - 4px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before) slider {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); }
scale.color.vertical:dir(ltr) slider:hover,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
background-position: calc(100% - 2px) center; }
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
background-position: calc(100% - 0px) center; }
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
background-position: calc(100% - 6px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
min-height: 24px;
min-width: 30px;
margin-right: -16px;
background-position: calc(100% - 4px) center; }
scale.color.vertical:dir(ltr) slider:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
scale.vertical.marks-after:not(.marks-before) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); }
scale.color.vertical:dir(ltr) slider:hover,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
scale.vertical.marks-after:not(.marks-before) slider:hover {
background-position: calc(100% - 2px) center; }
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
scale.vertical.marks-after:not(.marks-before) slider:active {
background-position: calc(100% - 0px) center; }
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
background-position: calc(100% - 6px) center; }
scale.color {
min-height: 0;
min-width: 0; }
scale.color.horizontal {
padding: 0 0 12px 0; }
scale.color.horizontal slider {
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
margin-bottom: -12px;
margin-top: -2px; }
scale.color.vertical:dir(ltr) {
gtk-3.0/gtk.css
@@ -1742,140 +1742,72 @@ scale {
scale.vertical indicator {
min-height: 1px;
min-width: 8px; }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after) slider {
min-height: 30px;
min-width: 24px;
margin-top: -16px;
background-position: center calc(100% - 4px); }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after) slider {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
scale.color.horizontal slider:hover,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
background-position: center calc(100% - 2px); }
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
background-position: center calc(100% - 0px); }
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
background-position: center calc(100% - 6px); }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
min-height: 30px;
min-width: 24px;
margin-top: -16px;
background-position: center calc(100% - 4px); }
scale.color.horizontal slider:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); }
scale.color.horizontal slider:hover,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
scale.horizontal.marks-before:not(.marks-after) slider:hover {
background-position: center calc(100% - 2px); }
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
scale.horizontal.marks-before:not(.marks-after) slider:active {
background-position: center calc(100% - 0px); }
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
background-position: center calc(100% - 6px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before) slider {
min-height: 30px;
min-width: 24px;
margin-bottom: -16px;
background-position: center calc(4px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before) slider {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
background-position: center calc(2px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
background-position: center calc(0px); }
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
background-position: center calc(6px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
min-height: 30px;
min-width: 24px;
margin-bottom: -16px;
background-position: center calc(4px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
scale.horizontal.marks-after:not(.marks-before) slider:hover {
background-position: center calc(2px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
scale.horizontal.marks-after:not(.marks-before) slider:active {
background-position: center calc(0px); }
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
background-position: center calc(6px); }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after) slider {
min-height: 24px;
min-width: 30px;
margin-left: -16px;
background-position: calc(4px) center; }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after) slider {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); }
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
background-position: calc(2px) center; }
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
background-position: calc(0px) center; }
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
background-position: calc(6px) center; }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
min-height: 24px;
min-width: 30px;
margin-left: -16px;
background-position: calc(4px) center; }
scale.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
scale.vertical.marks-before:not(.marks-after) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); }
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
scale.vertical.marks-before:not(.marks-after) slider:hover {
background-position: calc(2px) center; }
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
scale.vertical.marks-before:not(.marks-after) slider:active {
background-position: calc(0px) center; }
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
background-position: calc(6px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before) slider {
min-height: 24px;
min-width: 30px;
margin-right: -16px;
background-position: calc(100% - 4px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before) slider {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); }
scale.color.vertical:dir(ltr) slider:hover,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
background-position: calc(100% - 2px) center; }
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
background-position: calc(100% - 0px) center; }
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
background-position: calc(100% - 6px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
min-height: 24px;
min-width: 30px;
margin-right: -16px;
background-position: calc(100% - 4px) center; }
scale.color.vertical:dir(ltr) slider:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
scale.vertical.marks-after:not(.marks-before) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); }
scale.color.vertical:dir(ltr) slider:hover,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
scale.vertical.marks-after:not(.marks-before) slider:hover {
background-position: calc(100% - 2px) center; }
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
scale.vertical.marks-after:not(.marks-before) slider:active {
background-position: calc(100% - 0px) center; }
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
background-position: calc(100% - 6px) center; }
scale.color {
min-height: 0;
min-width: 0; }
scale.color.horizontal {
padding: 0 0 12px 0; }
scale.color.horizontal slider {
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
margin-bottom: -12px;
margin-top: -2px; }
scale.color.vertical:dir(ltr) {
gtk-3.0/gtk_laptop.css
@@ -1742,140 +1742,72 @@ scale {
scale.vertical indicator {
min-height: 1px;
min-width: 8px; }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after) slider {
min-height: 30px;
min-width: 24px;
margin-top: -16px;
background-position: center calc(100% - 4px); }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after) slider {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
scale.color.horizontal slider:hover,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
background-position: center calc(100% - 2px); }
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
background-position: center calc(100% - 0px); }
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
background-position: center calc(100% - 6px); }
scale.color.horizontal slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
min-height: 30px;
min-width: 24px;
margin-top: -16px;
background-position: center calc(100% - 4px); }
scale.color.horizontal slider:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); }
scale.color.horizontal slider:hover,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
scale.horizontal.marks-before:not(.marks-after) slider:hover {
background-position: center calc(100% - 2px); }
scale.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
scale.horizontal.marks-before:not(.marks-after) slider:active {
background-position: center calc(100% - 0px); }
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
background-position: center calc(100% - 6px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before) slider {
min-height: 30px;
min-width: 24px;
margin-bottom: -16px;
background-position: center calc(4px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before) slider {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
background-position: center calc(2px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
background-position: center calc(0px); }
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
background-position: center calc(6px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
min-height: 30px;
min-width: 24px;
margin-bottom: -16px;
background-position: center calc(4px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
scale.horizontal.marks-after:not(.marks-before) slider:hover {
background-position: center calc(2px); }
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
scale.horizontal.marks-after:not(.marks-before) slider:active {
background-position: center calc(0px); }
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
background-position: center calc(6px); }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after) slider {
min-height: 24px;
min-width: 30px;
margin-left: -16px;
background-position: calc(4px) center; }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after) slider {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); }
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
background-position: calc(2px) center; }
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
background-position: calc(0px) center; }
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
background-position: calc(6px) center; }
scale.color.vertical:dir(rtl) slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
min-height: 24px;
min-width: 30px;
margin-left: -16px;
background-position: calc(4px) center; }
scale.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
scale.vertical.marks-before:not(.marks-after) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); }
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
scale.vertical.marks-before:not(.marks-after) slider:hover {
background-position: calc(2px) center; }
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
scale.vertical.marks-before:not(.marks-after) slider:active {
background-position: calc(0px) center; }
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
background-position: calc(6px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before) slider {
min-height: 24px;
min-width: 30px;
margin-right: -16px;
background-position: calc(100% - 4px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before) slider {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); }
scale.color.vertical:dir(ltr) slider:hover,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
background-position: calc(100% - 2px) center; }
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
background-position: calc(100% - 0px) center; }
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
background-position: calc(100% - 6px) center; }
scale.color.vertical:dir(ltr) slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
min-height: 24px;
min-width: 30px;
margin-right: -16px;
background-position: calc(100% - 4px) center; }
scale.color.vertical:dir(ltr) slider:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
scale.vertical.marks-after:not(.marks-before) slider:disabled {
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); }
scale.color.vertical:dir(ltr) slider:hover,
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
scale.vertical.marks-after:not(.marks-before) slider:hover {
background-position: calc(100% - 2px) center; }
scale.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
scale.vertical.marks-after:not(.marks-before) slider:active {
background-position: calc(100% - 0px) center; }
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
background-position: calc(100% - 6px) center; }
scale.color {
min-height: 0;
min-width: 0; }
scale.color.horizontal {
padding: 0 0 12px 0; }
scale.color.horizontal slider {
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
margin-bottom: -12px;
margin-top: -2px; }
scale.color.vertical:dir(ltr) {