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