diff --git a/src/components/Card/Card.sass b/src/components/Card/Card.sass index d603c12..e0438fa 100644 --- a/src/components/Card/Card.sass +++ b/src/components/Card/Card.sass @@ -1,23 +1,21 @@ @use '/src/assets/css/viewport.sass' as view +@use '/src/assets/css/variables.sass' as vars @use 'sass:color' $borderColor: rgba(72, 100, 114, 0.463) $borderColorHover: rgba(88, 133, 135, 0.931) $backgroundColor: #1e1e1e -$borderRadius: 8px $boxShadow: rgba(72, 100, 114, 0.463) 0px 4px 12px -$textColor: #ffffff .card height: 10rem - // width: clamp(10rem, 25vw, 24rem) width: 24rem border: 2px solid $borderColor padding: 20px margin-bottom: 20px cursor: pointer - color: $textColor - border-radius: $borderRadius + color: vars.$textColor + border-radius: vars.$borderRadius transition: border-color 0.3s ease-out @media screen and (max-width: view.$tablet)