|
|
@ -1,4 +1,5 @@ |
|
|
|
$break-small: 575px; |
|
|
|
$break-small: 575px; |
|
|
|
|
|
|
|
$break-medium: 780px; |
|
|
|
$break-large: 576px; |
|
|
|
$break-large: 576px; |
|
|
|
|
|
|
|
|
|
|
|
.hero-balance { |
|
|
|
.hero-balance { |
|
|
@ -42,13 +43,25 @@ $break-large: 576px; |
|
|
|
margin-left: 1.2vw; |
|
|
|
margin-left: 1.2vw; |
|
|
|
|
|
|
|
|
|
|
|
.token-amount { |
|
|
|
.token-amount { |
|
|
|
font-size: 2.2vw; |
|
|
|
font-size: 2.1vw; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $break-medium) { |
|
|
|
|
|
|
|
font-size: 3vw; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fiat-amount { |
|
|
|
.fiat-amount { |
|
|
|
font-size: 1.7vw; |
|
|
|
font-size: 1.7vw; |
|
|
|
margin-top: 0.3em; |
|
|
|
margin-top: 0.3em; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $break-medium) { |
|
|
|
|
|
|
|
font-size: 2.5vw; |
|
|
|
|
|
|
|
margin-top: 0em; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
@ -57,6 +70,12 @@ $break-large: 576px; |
|
|
|
border-radius: 30px; |
|
|
|
border-radius: 30px; |
|
|
|
// TODO: colors |
|
|
|
// TODO: colors |
|
|
|
border: 1px solid #DEDEDE; |
|
|
|
border: 1px solid #DEDEDE; |
|
|
|
|
|
|
|
width: 5vw; |
|
|
|
|
|
|
|
height: 5vw; |
|
|
|
|
|
|
|
min-width: 45px; |
|
|
|
|
|
|
|
min-height: 45px; |
|
|
|
|
|
|
|
max-width: 65px; |
|
|
|
|
|
|
|
max-height: 65px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.hero-balance-buttons { |
|
|
|
.hero-balance-buttons { |
|
|
|