diff --git a/src/scss/components/_button.scss b/src/scss/components/_button.scss index 2e4dfec..e5405e1 100644 --- a/src/scss/components/_button.scss +++ b/src/scss/components/_button.scss @@ -9,20 +9,25 @@ } &--scroll { - color: #7e8694; - background-color: $color-text-white; + display: none; - &--left { - border-radius: 50px 0 0 50px; - } - - &--right { - border-radius: 0 50px 50px 0; - } - - &:focus { - z-index: 2; - outline: 3px solid $color-focus-outline; + @include breakpoint("medium") { + display: block; + color: #7e8694; + background-color: $color-text-white; + + &--left { + border-radius: 50px 0 0 50px; + } + + &--right { + border-radius: 0 50px 50px 0; + } + + &:focus { + z-index: 2; + outline: 3px solid $color-focus-outline; + } } } } diff --git a/src/scss/components/_table.scss b/src/scss/components/_table.scss index 4a5f4f2..297fcc0 100644 --- a/src/scss/components/_table.scss +++ b/src/scss/components/_table.scss @@ -151,16 +151,12 @@ &--sticky { position: sticky; - top: rem(48); + top: rem(68.4); z-index: 10; box-shadow: 0 1px 2px hsl(0deg 0% 0% / 5%), 0 1px 4px hsl(0deg 0% 0% / 5%), 0 2px 8px hsl(0deg 0% 0% / 5%); - - @include breakpoint("medium") { - top: rem(50); - } } } }