|
|
@ -40,26 +40,14 @@ $break-large: 576px; |
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: $break-large) { |
|
|
|
@media screen and (min-width: $break-large) { |
|
|
|
flex-grow: 3; |
|
|
|
flex-grow: 3; |
|
|
|
margin-left: 1.2vw; |
|
|
|
margin-left: 3%; |
|
|
|
|
|
|
|
|
|
|
|
.token-amount { |
|
|
|
.token-amount { |
|
|
|
font-size: 2.1vw; |
|
|
|
font-size: 125%; |
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $break-medium) { |
|
|
|
|
|
|
|
font-size: 3vw; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fiat-amount { |
|
|
|
.fiat-amount { |
|
|
|
font-size: 1.7vw; |
|
|
|
font-size: 105%; |
|
|
|
margin-top: 0.3em; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $break-medium) { |
|
|
|
|
|
|
|
font-size: 2.5vw; |
|
|
|
|
|
|
|
margin-top: 0em; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
@ -67,7 +55,7 @@ $break-large: 576px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.hero-balance-icon { |
|
|
|
.hero-balance-icon { |
|
|
|
border-radius: 30px; |
|
|
|
border-radius: 10vw; |
|
|
|
// TODO: colors |
|
|
|
// TODO: colors |
|
|
|
border: 1px solid #DEDEDE; |
|
|
|
border: 1px solid #DEDEDE; |
|
|
|
width: 5vw; |
|
|
|
width: 5vw; |
|
|
@ -80,7 +68,7 @@ $break-large: 576px; |
|
|
|
|
|
|
|
|
|
|
|
.hero-balance-buttons { |
|
|
|
.hero-balance-buttons { |
|
|
|
button.btn-clear { |
|
|
|
button.btn-clear { |
|
|
|
width: 81px; |
|
|
|
width: 5%; |
|
|
|
height: 32px; |
|
|
|
height: 32px; |
|
|
|
font-size: .7em; |
|
|
|
font-size: .7em; |
|
|
|
background: white; |
|
|
|
background: white; |
|
|
@ -93,8 +81,6 @@ $break-large: 576px; |
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: $break-large) { |
|
|
|
@media screen and (min-width: $break-large) { |
|
|
|
flex-grow: 2; |
|
|
|
flex-grow: 2; |
|
|
|
width: 5.8vw; |
|
|
|
|
|
|
|
min-width: 75px; |
|
|
|
|
|
|
|
height: 4.2vh; |
|
|
|
height: 4.2vh; |
|
|
|
min-height: 28px; |
|
|
|
min-height: 28px; |
|
|
|
font-size: .7em; |
|
|
|
font-size: .7em; |
|
|
|