Created the styling of the Coins component

This commit is contained in:
Mathias Wagner 2022-09-12 17:15:46 +02:00
parent cc177b9c5d
commit cb668739f2

View File

@ -0,0 +1,37 @@
@import "@/common/styles/colors"
.coin-wrapper
margin-left: 15%
margin-top: 8%
margin-right: 15%
display: flex
justify-content: space-between
align-items: center
.coin-image
width: 400px
animation-name: pulse
animation-duration: 5s
animation-iteration-count: infinite
.text-header
margin-bottom: 0
line-height: 46pt
font-weight: 900
font-size: 44pt
max-width: 30rem
color: $white
.text-description
font-weight: 500
font-size: 20pt
max-width: 31rem
color: $gray
@keyframes pulse
0%
filter: drop-shadow(0px 0px 10px #630CF4)
40%, 60%
filter: drop-shadow(0px 0px 50px #630CF4)
100%
filter: drop-shadow(0px 0px 10px #630CF4)