by roundabout, Thursday, 27 February 2020, 16:53:06 (1582822386), pushed by roundabout, Sunday, 11 May 2025, 13:22:48 (1746969768)
Author identity: nana-4 <hnmaigo@gmail.com>
bfe17f1c76ac7ae68da594970b84fa8b8f42df54
src/_sass/gnome-shell/_common-3.26.scss
@@ -59,46 +59,6 @@ StScrollBar {
-slider-handle-radius: 6px;
}
/* Check Boxes */
.check-box {
* {
min-height: $medium-size - 8px * 2;
padding: 8px 0;
}
StBoxLayout { spacing: 8px; }
StBin {
transition-duration: $duration;
width: 24px;
height: 24px;
padding: ($medium-size - 24px) / 2;
border-radius: 100px;
background-image: url("assets/checkbox-off.svg");
}
&:focus StBin {
background-image: url("assets/checkbox-off.svg");
}
&:hover StBin {
background-color: $overlay-hover;
}
&:active StBin {
transition-duration: $duration-ripple;
background-color: $overlay-active;
}
&:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:focus:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($primary, 0.08);
}
&:active:checked StBin {
background-color: rgba($primary, 0.2);
}
}
/* Switches */
.toggle-switch {
width: 40px;
src/_sass/gnome-shell/_common-3.28.scss
@@ -59,46 +59,6 @@ StScrollBar {
-slider-handle-radius: 6px;
}
/* Check Boxes */
.check-box {
* {
min-height: $medium-size - 8px * 2;
padding: 8px 0;
}
StBoxLayout { spacing: 8px; }
StBin {
transition-duration: $duration;
width: 24px;
height: 24px;
padding: ($medium-size - 24px) / 2;
border-radius: 100px;
background-image: url("assets/checkbox-off.svg");
}
&:focus StBin {
background-image: url("assets/checkbox-off.svg");
}
&:hover StBin {
background-color: $overlay-hover;
}
&:active StBin {
transition-duration: $duration-ripple;
background-color: $overlay-active;
}
&:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:focus:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($primary, 0.08);
}
&:active:checked StBin {
background-color: rgba($primary, 0.2);
}
}
/* Switches */
.toggle-switch {
width: 40px;
src/_sass/gnome-shell/_common-3.30.scss
@@ -62,46 +62,6 @@ StScrollBar {
-slider-handle-radius: 6px;
}
/* Check Boxes */
.check-box {
* {
min-height: $medium-size - 8px * 2;
padding: 8px 0;
}
StBoxLayout { spacing: 8px; }
StBin {
transition-duration: $duration;
width: 24px;
height: 24px;
padding: ($medium-size - 24px) / 2;
border-radius: 100px;
background-image: url("assets/checkbox-off.svg");
}
&:focus StBin {
background-image: url("assets/checkbox-off.svg");
}
&:hover StBin {
background-color: $overlay-hover;
}
&:active StBin {
transition-duration: $duration-ripple;
background-color: $overlay-active;
}
&:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:focus:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($primary, 0.08);
}
&:active:checked StBin {
background-color: rgba($primary, 0.2);
}
}
/* Switches */
.toggle-switch {
width: 40px;
src/_sass/gnome-shell/_common-3.32.scss
@@ -62,46 +62,6 @@ StScrollBar {
-slider-handle-radius: 6px;
}
/* Check Boxes */
.check-box {
* {
min-height: $medium-size - 8px * 2;
padding: 8px 0;
}
StBoxLayout { spacing: 8px; }
StBin {
transition-duration: $duration;
width: 24px;
height: 24px;
padding: ($medium-size - 24px) / 2;
border-radius: 100px;
background-image: url("assets/checkbox-off.svg");
}
&:focus StBin {
background-image: url("assets/checkbox-off.svg");
}
&:hover StBin {
background-color: $overlay-hover;
}
&:active StBin {
transition-duration: $duration-ripple;
background-color: $overlay-active;
}
&:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:focus:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($primary, 0.08);
}
&:active:checked StBin {
background-color: rgba($primary, 0.2);
}
}
/* Switches */
.toggle-switch {
width: 40px;
src/_sass/gnome-shell/_common-3.34.scss
@@ -66,46 +66,6 @@ StScrollBar {
&:active { color: $primary; }
}
/* Check Boxes */
.check-box {
* {
min-height: $medium-size - 8px * 2;
padding: 8px 0;
}
StBoxLayout { spacing: 8px; }
StBin {
transition-duration: $duration;
width: 24px;
height: 24px;
padding: ($medium-size - 24px) / 2;
border-radius: 100px;
background-image: url("assets/checkbox-off.svg");
}
&:focus StBin {
background-image: url("assets/checkbox-off.svg");
}
&:hover StBin {
background-color: $overlay-hover;
}
&:active StBin {
transition-duration: $duration-ripple;
background-color: $overlay-active;
}
&:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:focus:checked StBin {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($primary, 0.08);
}
&:active:checked StBin {
background-color: rgba($primary, 0.2);
}
}
/* Switches */
.toggle-switch {
color: transparent;
src/_sass/gnome-shell/_components.scss
@@ -8,7 +8,7 @@
@import 'components/base';
@import 'components/entry';
@import 'components/button';
// @import 'components/check-box';
@import 'components/check-box';
// @import 'components/switch';
// @import 'components/slider';
// @import 'components/scrollbar';
src/_sass/gnome-shell/components/_check-box.scss
@@ -1,18 +1,50 @@
/* Check Boxes */
// these are equal to the size of the SVG assets
$check_height: 22px;
$check_width: 24px;
.check-box {
StBoxLayout { spacing: .8em; }
StBoxLayout {
spacing: 8px;
}
StBin {
width: $check_width;
height: $check_height;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg");
}
&:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
&:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
&:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
}
transition-duration: $duration;
width: 24px;
height: 24px;
padding: ($medium-size - 24px) / 2;
border-radius: $medium-size / 2;
}
StBin,
&:focus StBin {
background-image: url("assets/checkbox-off.svg");
}
&:focus StBin {
background-color: $overlay-focus;
}
&:hover StBin {
background-color: $overlay-hover;
}
&:active StBin {
transition-duration: $duration-ripple;
background-color: $overlay-active;
}
&:checked StBin,
&:checked:focus StBin {
background-image: url("assets/checkbox.svg");
}
&:checked:focus StBin {
background-color: rgba($primary, .08);
}
&:checked:hover StBin {
background-color: rgba($primary, .08);
}
&:checked:active StBin {
background-color: rgba($primary, .2);
}
}