diff --git a/src/components/button/Button.module.scss b/src/components/button/Button.module.scss index 3b1c90a..3a851f7 100644 --- a/src/components/button/Button.module.scss +++ b/src/components/button/Button.module.scss @@ -19,7 +19,8 @@ position: relative; - &:hover .background { + &:hover .background, + &:focus-visible .background { transform: scale(1.1); } } diff --git a/src/components/card/Card.module.scss b/src/components/card/Card.module.scss index 6823aa6..e66bf25 100644 --- a/src/components/card/Card.module.scss +++ b/src/components/card/Card.module.scss @@ -1,3 +1,5 @@ +@import "../../styles/highlight"; + .test { background: white; @@ -8,8 +10,7 @@ justify-content: center; @media only screen and (min-width: 900px) { - border-radius: 32px; - box-shadow: 0 6px 13px rgba($color: #000000, $alpha: 0.25); + @include highten; padding: 32px; } } diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 5f4d219..59ad715 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -1 +1,2 @@ $accent: #ff6565; +$unimportant: #636363;