squircle

commit 97dc2dad58984523ab8d7a3a4fcae50d9b1eb9a6
parent e03fc7bacfd1f5ae00d7e4bfd35ca196dfdf7a06
Author: George Francis <georgedoescode@gmail.com>
Date:   Fri, 10 Jul 2020 14:11:43 +0100

try and fix weird residual safari styles

Diffstat:
M
src/components/BaseRangeInput.vue
 | 
1
+
M
src/components/GeneratorControls.vue
 | 
1
+
M
src/components/TheGenerator.vue
 | 
1
+

3 files changed, 3 insertions(+), 0 deletions(-)
diff --git a/src/components/BaseRangeInput.vue b/src/components/BaseRangeInput.vue
@@ -81,6 +81,7 @@ input[type='range']::-webkit-slider-thumb {
     height: var(--thumb-height);
     width: var(--thumb-width);
     margin-top: -14px;
+    border: 0;
     border-radius: var(--thumb-radius);
     background: var(--thumb-bg);
     cursor: pointer;
diff --git a/src/components/GeneratorControls.vue b/src/components/GeneratorControls.vue
@@ -181,6 +181,7 @@ export default {
 }
 
 .generator-conrols__swatch-text {
+    -webkit-appearance: none;
     position: relative;
     width: 100%;
     min-width: 0;
diff --git a/src/components/TheGenerator.vue b/src/components/TheGenerator.vue
@@ -83,6 +83,7 @@ export default {
 
     .generator {
         grid-template-columns: 1fr;
+        grid-gap: var(--spacing-5);
         padding: 0;
         background: none;
         box-shadow: none;