by roundabout, Monday, 15 May 2017, 18:46:58 (1494874018), pushed by roundabout, Sunday, 11 May 2025, 13:22:10 (1746969730)
Author identity: nana-4 <hnmaigo@gmail.com>
a6884758516e7008a25f9871806b793ced0527e3
src/gtk-3.0/3.18/gtk-dark.css
@@ -1778,8 +1778,8 @@ column-header.button.dnd, column-header .button.dnd {
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 24px;
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
outline-offset: -4px;
outline-radius: 100px;
font-size: 0;
@@ -1804,7 +1804,7 @@ GtkSwitch.trough:active:insensitive {
}
GtkSwitch.slider {
padding: 4px;
padding: 3px;
border-radius: 100px;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
@@ -2013,7 +2013,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.fine-tune.slider,
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider {
background-size: 80%;
background-size: 60%;
}
.scale.slider.slider,
@@ -2025,7 +2025,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
background-size: 70%;
box-shadow: none;
}
@@ -2038,22 +2038,26 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png"));
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
background-size: 70%;
box-shadow: none;
}
.scale.slider:hover, .scale.slider:active,
.scale.slider:hover,
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
background-size: 80%;
}
.scale.slider:active,
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
background-size: 100%;
background-size: 90%;
}
.scale.trough,
.scale.scale-has-marks-above.scale-has-marks-below.trough,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
margin: 10px 12px;
margin: 11px 12px;
background-color: alpha(currentColor, 0.3);
}
@@ -2078,7 +2082,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.trough.vertical,
.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical {
margin: 12px 10px;
margin: 12px 11px;
}
.scale.separator,
@@ -2192,19 +2196,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
}
.scale.scale-has-marks-above .trough {
margin: 15px 12px 10px;
margin: 16px 12px 11px;
}
.scale.scale-has-marks-below .trough {
margin: 10px 12px 15px;
margin: 11px 12px 16px;
}
.scale.vertical.scale-has-marks-above .trough {
margin: 12px 10px 12px 15px;
margin: 12px 11px 12px 16px;
}
.scale.vertical.scale-has-marks-below .trough {
margin: 12px 15px 12px 10px;
margin: 12px 16px 12px 11px;
}
/*****************
src/gtk-3.0/3.18/gtk-light.css
@@ -1778,8 +1778,8 @@ column-header.button.dnd, column-header .button.dnd {
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 24px;
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
outline-offset: -4px;
outline-radius: 100px;
font-size: 0;
@@ -1804,7 +1804,7 @@ GtkSwitch.trough:active:insensitive {
}
GtkSwitch.slider {
padding: 4px;
padding: 3px;
border-radius: 100px;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
@@ -2013,7 +2013,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.fine-tune.slider,
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider {
background-size: 80%;
background-size: 60%;
}
.scale.slider.slider,
@@ -2025,7 +2025,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
background-size: 70%;
box-shadow: none;
}
@@ -2038,22 +2038,26 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
background-size: 70%;
box-shadow: none;
}
.scale.slider:hover, .scale.slider:active,
.scale.slider:hover,
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
background-size: 80%;
}
.scale.slider:active,
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
background-size: 100%;
background-size: 90%;
}
.scale.trough,
.scale.scale-has-marks-above.scale-has-marks-below.trough,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
margin: 10px 12px;
margin: 11px 12px;
background-color: alpha(currentColor, 0.3);
}
@@ -2078,7 +2082,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.trough.vertical,
.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical {
margin: 12px 10px;
margin: 12px 11px;
}
.scale.separator,
@@ -2192,19 +2196,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
}
.scale.scale-has-marks-above .trough {
margin: 15px 12px 10px;
margin: 16px 12px 11px;
}
.scale.scale-has-marks-below .trough {
margin: 10px 12px 15px;
margin: 11px 12px 16px;
}
.scale.vertical.scale-has-marks-above .trough {
margin: 12px 10px 12px 15px;
margin: 12px 11px 12px 16px;
}
.scale.vertical.scale-has-marks-below .trough {
margin: 12px 15px 12px 10px;
margin: 12px 16px 12px 11px;
}
/*****************
src/gtk-3.0/3.18/gtk.css
@@ -1778,8 +1778,8 @@ column-header.button.dnd, column-header .button.dnd {
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 24px;
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
outline-offset: -4px;
outline-radius: 100px;
font-size: 0;
@@ -1804,7 +1804,7 @@ GtkSwitch.trough:active:insensitive {
}
GtkSwitch.slider {
padding: 4px;
padding: 3px;
border-radius: 100px;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
@@ -2013,7 +2013,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.fine-tune.slider,
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider {
background-size: 80%;
background-size: 60%;
}
.scale.slider.slider,
@@ -2025,7 +2025,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
background-size: 70%;
box-shadow: none;
}
@@ -2038,22 +2038,26 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
background-size: 70%;
box-shadow: none;
}
.scale.slider:hover, .scale.slider:active,
.scale.slider:hover,
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
background-size: 80%;
}
.scale.slider:active,
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
background-size: 100%;
background-size: 90%;
}
.scale.trough,
.scale.scale-has-marks-above.scale-has-marks-below.trough,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
margin: 10px 12px;
margin: 11px 12px;
background-color: alpha(currentColor, 0.3);
}
@@ -2078,7 +2082,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.trough.vertical,
.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical {
margin: 12px 10px;
margin: 12px 11px;
}
.scale.separator,
@@ -2192,19 +2196,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
}
.scale.scale-has-marks-above .trough {
margin: 15px 12px 10px;
margin: 16px 12px 11px;
}
.scale.scale-has-marks-below .trough {
margin: 10px 12px 15px;
margin: 11px 12px 16px;
}
.scale.vertical.scale-has-marks-above .trough {
margin: 12px 10px 12px 15px;
margin: 12px 11px 12px 16px;
}
.scale.vertical.scale-has-marks-below .trough {
margin: 12px 15px 12px 10px;
margin: 12px 16px 12px 11px;
}
/*****************
src/gtk-3.0/3.18/sass/_common.scss
@@ -1367,8 +1367,8 @@ $_slider_fine_tune_margin: 6px;
**********/
GtkSwitch {
-GtkSwitch-slider-width: $small_size;
-GtkSwitch-slider-height: $small_size;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
outline-offset: -4px;
outline-radius: 100px;
@@ -1390,7 +1390,7 @@ GtkSwitch {
}
}
&.slider {
padding: 4px;
padding: 3px;
border-radius: 100px;
@include entry(normal);
&:hover { @include entry(focus); }
@@ -1494,7 +1494,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
outline-radius: 100px;
&.fine-tune {
&.slider { background-size: 80%; }
&.slider { background-size: 60%; }
}
&.slider {
@@ -1512,11 +1512,12 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
url('#{$_url}@2.png'));
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
background-size: 70%;
box-shadow: none;
}
}
&:hover, &:active { background-size: 100%; }
&:hover { background-size: 80%; }
&:active { background-size: 90%; }
&:hover {
// @include entry(focus);
// border-radius: 50%; // needed for double marks scales
@@ -1530,14 +1531,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
}
}
&.trough {
margin: 10px 12px;
margin: 11px 12px;
background-color: $fill_color;
&.highlight {
background-color: $accent_color;
&:insensitive { background-color: $fill_color; }
}
&:insensitive { color: $disabled_fg_color; }
&.vertical { margin: 12px 10px; }
&.vertical { margin: 12px 11px; }
//OSD troughs
.osd & {
}
@@ -1581,16 +1582,16 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
}
%marks-before-horz {
.trough { margin: 15px 12px 10px; }
.trough { margin: 16px 12px 11px; }
}
%marks-after-horz {
.trough { margin: 10px 12px 15px; }
.trough { margin: 11px 12px 16px; }
}
%marks-before-vert {
.trough { margin: 12px 10px 12px 15px; }
.trough { margin: 12px 11px 12px 16px; }
}
%marks-after-vert {
.trough { margin: 12px 15px 12px 10px; }
.trough { margin: 12px 16px 12px 11px; }
}
/*****************