Created the styling of the Coins component
This commit is contained in:
parent
cc177b9c5d
commit
cb668739f2
37
src/pages/Coins/styles.sass
Normal file
37
src/pages/Coins/styles.sass
Normal 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)
|
Loading…
x
Reference in New Issue
Block a user