Fix some responsive and scrolling issues

2020-04-04 16:11:42 +02:00
parent 80f621d38b
commit 2170cd2e57
7 changed files with 25 additions and 15 deletions
--- a/src/style/atoms/_button-control.scss
+++ b/src/style/atoms/_button-control.scss
@@ -205,8 +205,8 @@
    ** Big version
    */
    &--big {
-        width: 72px;
-        height: 72px;
+        width: 88px;
+        height: 88px;
        text-decoration: none;

        @include breakpoint (sm) {
@@ -225,7 +225,7 @@
                color: rgba(#fff, 0.3);
                text-transform: uppercase;
                font-family: $font-sans-sb;
-                font-size: rem(6px);
+                font-size: rem(8px);
                letter-spacing: 1px;
                line-height: 1;

@@ -247,14 +247,15 @@

        // Big Dashed
        &.button-control--dashed {
-            @include breakpoint (xs) {
-                svg[fill] {
-                    width: 24px;
+            // Icon
+            svg[fill] {
+                @include breakpoint (xs) {
+                    width: 28px;
                }
            }
-
-            @include breakpoint (sm) {
-                circle {
+            // Circle
+            circle {
+                @include breakpoint (sm) {
                    stroke-width: 4.5;
                    stroke-dasharray: 20, 8;
                }