Smaller GtkSwitches

tanderson-google · Nov 30, 2017 · 8ebc7b5 · 8ebc7b5
1 parent 6e9352d
commit 8ebc7b5
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 15 deletions.
diff --git a/gtk-3.0/_common.scss b/gtk-3.0/_common.scss
@@ -2507,11 +2507,11 @@ switch {
                                                       // clipped
   // similar to the .scale
   border: 1px solid gtkalpha(black, 0.25);
-  border-radius: 12px;
+  border-radius: 10px;
   background-color: mix($bg_color, $borders_color, 60%);
   text-shadow: 0 1px transparentize(black, 0.9);
-  min-height: 24px;
-  min-width: 24px;
+  min-height: 20px;
+  min-width: 20px;
   transition: all 200ms ease-in;
 
   &:checked {
@@ -2558,8 +2558,9 @@ switch {
   slider {
     margin: -1px;
     border: 1px solid gtkalpha(black, 0.2);
-    border-radius: 12px;
-    min-width: 24px;
+    border-radius: 10px;
+    min-width: 20px;
+    min-height: 20px;
     transition: $button_transition;
 
     @include button(normal-alt, $edge: $shadow_color);

diff --git a/gtk-3.0/gtk-contained-dark.css b/gtk-3.0/gtk-contained-dark.css
@@ -2614,11 +2614,11 @@ switch {
   outline-offset: -4px;
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent;
   border: 1px solid alpha(black,0.25);
-  border-radius: 12px;
+  border-radius: 10px;
   background-color: #2d3232;
   text-shadow: 0 1px rgba(0, 0, 0, 0.1);
-  min-height: 24px;
-  min-width: 24px;
+  min-height: 20px;
+  min-width: 20px;
   transition: all 200ms ease-in; }
   switch:checked {
     box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent;
@@ -2647,8 +2647,9 @@ switch {
   switch slider {
     margin: -1px;
     border: 1px solid alpha(black,0.2);
-    border-radius: 12px;
-    min-width: 24px;
+    border-radius: 10px;
+    min-width: 20px;
+    min-height: 20px;
     transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     color: #eeeeec;
     outline-color: rgba(238, 238, 236, 0.3);

diff --git a/gtk-3.0/gtk-contained.css b/gtk-3.0/gtk-contained.css
@@ -2628,11 +2628,11 @@ switch {
   outline-offset: -4px;
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent;
   border: 1px solid alpha(black,0.25);
-  border-radius: 12px;
+  border-radius: 10px;
   background-color: #b0b0b0;
   text-shadow: 0 1px rgba(0, 0, 0, 0.1);
-  min-height: 24px;
-  min-width: 24px;
+  min-height: 20px;
+  min-width: 20px;
   transition: all 200ms ease-in; }
   switch:checked {
     box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent;
@@ -2662,8 +2662,9 @@ switch {
   switch slider {
     margin: -1px;
     border: 1px solid alpha(black,0.2);
-    border-radius: 12px;
-    min-width: 24px;
+    border-radius: 10px;
+    min-width: 20px;
+    min-height: 20px;
     transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     color: #3c3c3c;
     outline-color: rgba(60, 60, 60, 0.3);