Gabriel Rodriguez Alsina
6 years ago
parent
425b89aaef
commit
1318102c1e
@ -1,166 +1,169 @@ |
||||
@mixin textfield-placeholder($color: #a3a9b5) { |
||||
&::-webkit-input-placeholder { |
||||
color: $color; |
||||
} |
||||
&::-moz-placeholder { |
||||
color: $color; |
||||
} |
||||
&:-ms-input-placeholder { |
||||
color: $color; |
||||
} |
||||
&:-moz-placeholder { |
||||
color: $color; |
||||
} |
||||
&::-webkit-input-placeholder { |
||||
color: $color; |
||||
} |
||||
&::-moz-placeholder { |
||||
color: $color; |
||||
} |
||||
&:-ms-input-placeholder { |
||||
color: $color; |
||||
} |
||||
&:-moz-placeholder { |
||||
color: $color; |
||||
} |
||||
} |
||||
|
||||
@mixin gradient-container() { |
||||
background-color: $primary; |
||||
background-image: linear-gradient(to bottom, $dashboard-banner-gradient-start, $dashboard-banner-gradient-end); |
||||
box-shadow: 0 5px 40px -5px rgba(#000, 0.25); |
||||
margin-top: -3rem; |
||||
background-color: $primary; |
||||
background-image: linear-gradient( |
||||
to bottom, |
||||
$dashboard-banner-gradient-start, |
||||
$dashboard-banner-gradient-end |
||||
); |
||||
box-shadow: 0 5px 40px -5px rgba(#000, 0.25); |
||||
margin-top: -3rem; |
||||
} |
||||
|
||||
@mixin stats-item() { |
||||
&-item { |
||||
color: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
padding-left: calc(1rem + 4px); |
||||
padding-right: 1rem; |
||||
position: relative; |
||||
|
||||
&::before { |
||||
background-color: rgba(#fff, 0.5); |
||||
border-radius: 2px; |
||||
content: ""; |
||||
height: 100%; |
||||
left: 0; |
||||
position: absolute; |
||||
top: 0; |
||||
width: 4px; |
||||
} |
||||
} |
||||
&-item { |
||||
color: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
padding-left: calc(1rem + 4px); |
||||
padding-right: 1rem; |
||||
position: relative; |
||||
|
||||
&-label { |
||||
display: block; |
||||
white-space: nowrap; |
||||
&::before { |
||||
background-color: rgba(#fff, 0.5); |
||||
border-radius: 2px; |
||||
content: ""; |
||||
height: 100%; |
||||
left: 0; |
||||
position: absolute; |
||||
top: 0; |
||||
width: 4px; |
||||
} |
||||
} |
||||
|
||||
&-label-item { |
||||
margin-right: 20px; |
||||
&-label { |
||||
display: block; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
&-label-item { |
||||
margin-right: 20px; |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
&-value { |
||||
display: block; |
||||
font-size: 1.5rem; |
||||
font-weight: 200; |
||||
white-space: nowrap; |
||||
&-value { |
||||
display: block; |
||||
font-size: 1.5rem; |
||||
font-weight: 200; |
||||
white-space: nowrap; |
||||
|
||||
@media (max-width: $breakpoint-lg) { |
||||
font-size: 1.25rem; |
||||
} |
||||
@media (max-width: $breakpoint-lg) { |
||||
font-size: 1.25rem; |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
@mixin btn-full($bg-color: $primary, $text-color: #fff) { |
||||
align-items: center; |
||||
background-color: $bg-color; |
||||
border-radius: 2px; |
||||
border: 1px solid $bg-color; |
||||
cursor: pointer; |
||||
display: flex; |
||||
height: 36px; |
||||
justify-content: center; |
||||
outline: none; |
||||
padding: 0 15px; |
||||
transition: all 0.25s; |
||||
width: fit-content; |
||||
|
||||
align-items: center; |
||||
background-color: $bg-color; |
||||
border-radius: 2px; |
||||
border: 1px solid $bg-color; |
||||
cursor: pointer; |
||||
display: flex; |
||||
height: 36px; |
||||
justify-content: center; |
||||
outline: none; |
||||
padding: 0 15px; |
||||
transition: all 0.25s; |
||||
width: fit-content; |
||||
|
||||
&:hover { |
||||
background-color: darken($bg-color, 10%); |
||||
border-color: darken($bg-color, 10%); |
||||
} |
||||
|
||||
&-text { |
||||
color: $text-color; |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
text-align: left; |
||||
} |
||||
|
||||
svg { |
||||
margin-right: 12px; |
||||
} |
||||
|
||||
path { |
||||
fill: $text-color; |
||||
} |
||||
|
||||
&.full-width { |
||||
width: 100%; |
||||
} |
||||
|
||||
&[disabled] { |
||||
&, |
||||
&:hover { |
||||
background-color: darken($bg-color, 10%); |
||||
border-color: darken($bg-color, 10%); |
||||
} |
||||
|
||||
&-text { |
||||
color: $text-color; |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
text-align: left; |
||||
} |
||||
|
||||
svg { |
||||
margin-right: 12px; |
||||
} |
||||
|
||||
path { |
||||
fill: $text-color; |
||||
} |
||||
|
||||
&.full-width { |
||||
width: 100%; |
||||
} |
||||
|
||||
&[disabled] { |
||||
&, |
||||
&:hover { |
||||
background-color: $bg-color; |
||||
border-color: $bg-color; |
||||
cursor: default; |
||||
opacity: 0.5; |
||||
} |
||||
background-color: $bg-color; |
||||
border-color: $bg-color; |
||||
cursor: default; |
||||
opacity: 0.5; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@mixin btn-line($bg-color: #fff, $text-color: $secondary) { |
||||
align-items: center; |
||||
background-color: $bg-color; |
||||
border-radius: 2px; |
||||
border: 1px solid $text-color; |
||||
cursor: pointer; |
||||
display: flex; |
||||
height: 36px; |
||||
justify-content: center; |
||||
outline: none; |
||||
padding: 0 15px; |
||||
transition: all 0.25s; |
||||
width: fit-content; |
||||
|
||||
align-items: center; |
||||
background-color: $bg-color; |
||||
border-radius: 2px; |
||||
border: 1px solid $text-color; |
||||
cursor: pointer; |
||||
display: flex; |
||||
height: 36px; |
||||
justify-content: center; |
||||
outline: none; |
||||
padding: 0 15px; |
||||
transition: all 0.25s; |
||||
width: fit-content; |
||||
|
||||
&:hover { |
||||
background-color: darken($bg-color, 10%); |
||||
} |
||||
|
||||
&-text { |
||||
color: $text-color; |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
text-align: left; |
||||
} |
||||
|
||||
svg { |
||||
margin-right: 12px; |
||||
} |
||||
|
||||
path { |
||||
fill: $text-color; |
||||
} |
||||
|
||||
&.full-width { |
||||
width: 100%; |
||||
} |
||||
|
||||
&[disabled] { |
||||
&, |
||||
&:hover { |
||||
background-color: darken($bg-color, 10%); |
||||
} |
||||
|
||||
&-text { |
||||
color: $text-color; |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
text-align: left; |
||||
background-color: $bg-color; |
||||
border-color: $text-color; |
||||
cursor: default; |
||||
opacity: 0.5; |
||||
} |
||||
|
||||
svg { |
||||
margin-right: 12px; |
||||
} |
||||
|
||||
path { |
||||
fill: $text-color; |
||||
} |
||||
|
||||
&.full-width { |
||||
width: 100%; |
||||
} |
||||
|
||||
&[disabled] { |
||||
&, |
||||
&:hover { |
||||
background-color: $bg-color; |
||||
border-color: $text-color; |
||||
cursor: default; |
||||
opacity: 0.5; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,17 +1,17 @@ |
||||
$copy-icon-color: $primary !default; |
||||
|
||||
.copy-icon { |
||||
cursor: pointer; |
||||
height: 18px; |
||||
width: 18px; |
||||
cursor: pointer; |
||||
height: 18px; |
||||
width: 18px; |
||||
|
||||
svg { |
||||
display: block; |
||||
height: 100%; |
||||
width: 100%; |
||||
} |
||||
svg { |
||||
display: block; |
||||
height: 100%; |
||||
width: 100%; |
||||
} |
||||
|
||||
path { |
||||
fill: $copy-icon-color; |
||||
} |
||||
} |
||||
path { |
||||
fill: $copy-icon-color; |
||||
} |
||||
} |
||||
|
||||
@ -1,16 +1,23 @@ |
||||
.transaction { |
||||
|
||||
&__dot { |
||||
display: inline-block; |
||||
height: 10px; |
||||
width: 10px ; |
||||
width: 10px; |
||||
border-radius: 50%; |
||||
margin-left: 5px; |
||||
vertical-align: baseline; |
||||
|
||||
&--pending { background-color: $gray-500; } |
||||
&--success { background-color: $success; } |
||||
&--failed { background-color: $danger; } |
||||
&--out_of_gas { background-color: $warning; } |
||||
&--pending { |
||||
background-color: $gray-500; |
||||
} |
||||
&--success { |
||||
background-color: $success; |
||||
} |
||||
&--failed { |
||||
background-color: $danger; |
||||
} |
||||
&--out_of_gas { |
||||
background-color: $warning; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,58 +1,58 @@ |
||||
// These styles extend the default Bootstrap styles |
||||
.dropdown-menu { |
||||
border-radius: 8px!important; |
||||
border: none; |
||||
box-shadow: $box-shadow; |
||||
padding: 0; |
||||
width: 100%; |
||||
|
||||
&.right { |
||||
left: auto; |
||||
right: 0; |
||||
} |
||||
|
||||
.nav-item & { |
||||
border-top-left-radius: 0!important; |
||||
border-top-right-radius: 0!important; |
||||
top: 45px; |
||||
|
||||
.dropdown-item:first-child { |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 0; |
||||
} |
||||
border-radius: 8px !important; |
||||
border: none; |
||||
box-shadow: $box-shadow; |
||||
padding: 0; |
||||
width: 100%; |
||||
|
||||
&.right { |
||||
left: auto; |
||||
right: 0; |
||||
} |
||||
|
||||
.nav-item & { |
||||
border-top-left-radius: 0 !important; |
||||
border-top-right-radius: 0 !important; |
||||
top: 45px; |
||||
|
||||
.dropdown-item:first-child { |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 0; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.dropdown-item { |
||||
font-size: 12px; |
||||
padding: 10px 20px; |
||||
|
||||
&:hover { |
||||
color: #fff; |
||||
} |
||||
|
||||
&:first-child { |
||||
border-top-left-radius: 8px; |
||||
border-top-right-radius: 8px; |
||||
} |
||||
|
||||
&:last-child { |
||||
border-bottom-left-radius: 8px; |
||||
border-bottom-right-radius: 8px; |
||||
} |
||||
font-size: 12px; |
||||
padding: 10px 20px; |
||||
|
||||
&:hover { |
||||
color: #fff; |
||||
} |
||||
|
||||
&:first-child { |
||||
border-top-left-radius: 8px; |
||||
border-top-right-radius: 8px; |
||||
} |
||||
|
||||
&:last-child { |
||||
border-bottom-left-radius: 8px; |
||||
border-bottom-right-radius: 8px; |
||||
} |
||||
} |
||||
|
||||
.dropdown-search-icon { |
||||
color: $gray-300; |
||||
left: 0.625rem; |
||||
pointer-events: none; |
||||
top: 0.5rem; |
||||
color: $gray-300; |
||||
left: 0.625rem; |
||||
pointer-events: none; |
||||
top: 0.5rem; |
||||
} |
||||
|
||||
.dropdown-search-field { |
||||
padding-left: 2rem; |
||||
padding-left: 2rem; |
||||
} |
||||
|
||||
.dropdown-toggle::after { |
||||
margin-left: 0.71em; |
||||
} |
||||
margin-left: 0.71em; |
||||
} |
||||
|
||||
@ -1,46 +1,46 @@ |
||||
$form-control-border-color: #e2e5ec !default; |
||||
|
||||
.form-control { |
||||
border-color: $form-control-border-color; |
||||
border-radius: 0; |
||||
font-size: 14px; |
||||
border-color: $form-control-border-color; |
||||
border-radius: 0; |
||||
font-size: 14px; |
||||
|
||||
&.n-b-r { |
||||
border-right: none; |
||||
} |
||||
&.n-b-r { |
||||
border-right: none; |
||||
} |
||||
} |
||||
|
||||
.form-p { |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.8; |
||||
|
||||
.text-dark { |
||||
color: #333; |
||||
} |
||||
|
||||
&.m-b-0 { |
||||
margin-bottom: 0; |
||||
} |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.8; |
||||
|
||||
.text-dark { |
||||
color: #333; |
||||
} |
||||
|
||||
&.m-b-0 { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
.input-group-prepend.last { |
||||
.input-group-text { |
||||
background: none; |
||||
border-color: $form-control-border-color; |
||||
border-left: none; |
||||
color: #a3a9b5; |
||||
font-size: 14px; |
||||
} |
||||
.input-group-text { |
||||
background: none; |
||||
border-color: $form-control-border-color; |
||||
border-left: none; |
||||
color: #a3a9b5; |
||||
font-size: 14px; |
||||
} |
||||
} |
||||
|
||||
.form-buttons { |
||||
[class*="btn-"] { |
||||
margin-bottom: 20px; |
||||
[class*="btn-"] { |
||||
margin-bottom: 20px; |
||||
|
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,9 +1,9 @@ |
||||
.modal-become-candidate { |
||||
max-width: 100%; |
||||
width: 280px; |
||||
max-width: 100%; |
||||
width: 280px; |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
} |
||||
@include media-breakpoint-down(sm) { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
} |
||||
|
||||
@ -1,25 +1,25 @@ |
||||
.modal-bottom-disclaimer { |
||||
background-color: $modal-gray-background; |
||||
border-bottom-left-radius: $modal-border-radius; |
||||
border-bottom-right-radius: $modal-border-radius; |
||||
color: #a3a9b5; |
||||
display: flex; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.67; |
||||
padding: #{ $modal-vertical-padding } #{ $modal-horizontal-padding }; |
||||
text-align: left; |
||||
background-color: $modal-gray-background; |
||||
border-bottom-left-radius: $modal-border-radius; |
||||
border-bottom-right-radius: $modal-border-radius; |
||||
color: #a3a9b5; |
||||
display: flex; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.67; |
||||
padding: #{$modal-vertical-padding} #{$modal-horizontal-padding}; |
||||
text-align: left; |
||||
|
||||
&.b-b-r-0 { |
||||
border-bottom-right-radius: 0; |
||||
} |
||||
&.b-b-r-0 { |
||||
border-bottom-right-radius: 0; |
||||
} |
||||
|
||||
.modal-bottom-disclaimer-graphic { |
||||
flex-shrink: 0; |
||||
padding-right: 15px; |
||||
} |
||||
.modal-bottom-disclaimer-graphic { |
||||
flex-shrink: 0; |
||||
padding-right: 15px; |
||||
} |
||||
|
||||
.modal-bottom-disclaimer-text { |
||||
flex-grow: 1; |
||||
} |
||||
} |
||||
.modal-bottom-disclaimer-text { |
||||
flex-grow: 1; |
||||
} |
||||
} |
||||
|
||||
@ -1,13 +1,13 @@ |
||||
.modal-stake { |
||||
max-width: 100%; |
||||
width: 460px; |
||||
max-width: 100%; |
||||
width: 460px; |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
@include media-breakpoint-down(sm) { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
} |
||||
|
||||
.modal-stake-two-cols { |
||||
display: flex; |
||||
} |
||||
display: flex; |
||||
} |
||||
|
||||
@ -1,64 +1,64 @@ |
||||
$modal-status-graph-error: #ff0d51 !default; |
||||
$modal-status-graph-warning: #ff8502 !default; |
||||
$modal-status-graph-success: $primary!default; |
||||
$modal-status-graph-success: $primary !default; |
||||
|
||||
.modal-status { |
||||
max-width: 100%; |
||||
width: 300px; |
||||
max-width: 100%; |
||||
width: 300px; |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
@include media-breakpoint-down(sm) { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
} |
||||
|
||||
.modal-status-graph { |
||||
align-items: center; |
||||
border-top-left-radius: $modal-border-radius; |
||||
border-top-right-radius: $modal-border-radius; |
||||
display: flex; |
||||
height: 135px; |
||||
justify-content: center; |
||||
align-items: center; |
||||
border-top-left-radius: $modal-border-radius; |
||||
border-top-right-radius: $modal-border-radius; |
||||
display: flex; |
||||
height: 135px; |
||||
justify-content: center; |
||||
|
||||
&-error { |
||||
background-color: $modal-status-graph-error; |
||||
} |
||||
&-error { |
||||
background-color: $modal-status-graph-error; |
||||
} |
||||
|
||||
&-warning { |
||||
background-color: $modal-status-graph-warning; |
||||
} |
||||
&-warning { |
||||
background-color: $modal-status-graph-warning; |
||||
} |
||||
|
||||
&-success { |
||||
background-color: $modal-status-graph-success; |
||||
} |
||||
&-success { |
||||
background-color: $modal-status-graph-success; |
||||
} |
||||
|
||||
svg { |
||||
margin-top: 15px; |
||||
} |
||||
svg { |
||||
margin-top: 15px; |
||||
} |
||||
} |
||||
|
||||
.modal-status-body { |
||||
align-items: center; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
padding: #{ $modal-vertical-padding } #{ $modal-horizontal-padding }; |
||||
align-items: center; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
padding: #{$modal-vertical-padding} #{$modal-horizontal-padding}; |
||||
} |
||||
|
||||
.modal-status-title { |
||||
color: #333; |
||||
font-size: 18px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0 0 15px; |
||||
text-align: center; |
||||
color: #333; |
||||
font-size: 18px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0 0 15px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.modal-status-text { |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.5; |
||||
margin: 0 0 25px; |
||||
text-align: center; |
||||
} |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.5; |
||||
margin: 0 0 25px; |
||||
text-align: center; |
||||
} |
||||
|
||||
@ -1,49 +1,49 @@ |
||||
.modal-validator-info { |
||||
max-width: 100%; |
||||
width: 660px; |
||||
max-width: 100%; |
||||
width: 660px; |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
@include media-breakpoint-down(sm) { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
} |
||||
|
||||
.modal-validator-info-content { |
||||
background-color: $modal-gray-background; |
||||
border-bottom-left-radius: $modal-border-radius; |
||||
border-bottom-right-radius: $modal-border-radius; |
||||
color: #a3a9b5; |
||||
column-gap: 60px; |
||||
display: grid; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
grid-template-columns: 1fr 1fr 1fr; |
||||
line-height: 1.67; |
||||
padding: #{ $modal-vertical-padding } #{ $modal-horizontal-padding }; |
||||
row-gap: 30px; |
||||
background-color: $modal-gray-background; |
||||
border-bottom-left-radius: $modal-border-radius; |
||||
border-bottom-right-radius: $modal-border-radius; |
||||
color: #a3a9b5; |
||||
column-gap: 60px; |
||||
display: grid; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
grid-template-columns: 1fr 1fr 1fr; |
||||
line-height: 1.67; |
||||
padding: #{$modal-vertical-padding} #{$modal-horizontal-padding}; |
||||
row-gap: 30px; |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
grid-template-columns: 1fr 1fr; |
||||
} |
||||
@include media-breakpoint-down(sm) { |
||||
grid-template-columns: 1fr 1fr; |
||||
} |
||||
} |
||||
|
||||
.modal-validator-info-item { |
||||
&-title { |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin-bottom: 15px; |
||||
padding: 0; |
||||
text-align: left; |
||||
} |
||||
&-title { |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin-bottom: 15px; |
||||
padding: 0; |
||||
text-align: left; |
||||
} |
||||
|
||||
&-value { |
||||
color: #333; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
} |
||||
&-value { |
||||
color: #333; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
} |
||||
|
||||
@ -1,140 +1,140 @@ |
||||
$stakes-dashboard-copy-icon-color: $copy-icon-color !default; |
||||
$stakes-address-color: $primary !default; |
||||
$stakes-control-color: $primary !default; |
||||
$stakes-banned-color: #ff7986!default; |
||||
$stakes-banned-background: #fff3f7!default; |
||||
$stakes-banned-color: #ff7986 !default; |
||||
$stakes-banned-background: #fff3f7 !default; |
||||
|
||||
.stakes-top { |
||||
@include gradient-container(); |
||||
@include gradient-container(); |
||||
|
||||
margin-bottom: 3rem; |
||||
padding: 50px 0; |
||||
margin-bottom: 3rem; |
||||
padding: 50px 0; |
||||
} |
||||
|
||||
.stakes-top-stats { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
|
||||
@include stats-item(); |
||||
@include stats-item(); |
||||
|
||||
@include media-breakpoint-down(md) { |
||||
column-gap: 30px; |
||||
display: grid; |
||||
grid-template-columns: 1fr 1fr; |
||||
row-gap: 30px; |
||||
} |
||||
@include media-breakpoint-down(md) { |
||||
column-gap: 30px; |
||||
display: grid; |
||||
grid-template-columns: 1fr 1fr; |
||||
row-gap: 30px; |
||||
} |
||||
|
||||
.stakes-top-stats-item { |
||||
@include media-breakpoint-down(md) { |
||||
&:nth-child(1), |
||||
&:nth-child(2), |
||||
&:nth-child(3) { |
||||
grid-column-start: 1; |
||||
} |
||||
&:nth-child(4) { |
||||
grid-column-start: 2; |
||||
grid-row-start: 1; |
||||
} |
||||
} |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
grid-column-start: auto !important; |
||||
grid-row-start: auto !important; |
||||
} |
||||
.stakes-top-stats-item { |
||||
@include media-breakpoint-down(md) { |
||||
&:nth-child(1), |
||||
&:nth-child(2), |
||||
&:nth-child(3) { |
||||
grid-column-start: 1; |
||||
} |
||||
&:nth-child(4) { |
||||
grid-column-start: 2; |
||||
grid-row-start: 1; |
||||
} |
||||
} |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
grid-template-columns: 1fr; |
||||
grid-column-start: auto !important; |
||||
grid-row-start: auto !important; |
||||
} |
||||
} |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
grid-template-columns: 1fr; |
||||
} |
||||
|
||||
.copy-icon { |
||||
margin-left: 20px; |
||||
path { |
||||
fill: $stakes-dashboard-copy-icon-color; |
||||
} |
||||
.copy-icon { |
||||
margin-left: 20px; |
||||
path { |
||||
fill: $stakes-dashboard-copy-icon-color; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.stakes-top-stats-value { |
||||
align-items: center; |
||||
display: flex; |
||||
align-items: center; |
||||
display: flex; |
||||
|
||||
.stakes-top-stats-item-address & { |
||||
white-space: normal; |
||||
word-break: break-all; |
||||
} |
||||
.stakes-top-stats-item-address & { |
||||
white-space: normal; |
||||
word-break: break-all; |
||||
} |
||||
} |
||||
|
||||
.stakes-top-stats-login { |
||||
color: $primary; |
||||
cursor: pointer; |
||||
margin-right: 8px; |
||||
color: $primary; |
||||
cursor: pointer; |
||||
margin-right: 8px; |
||||
} |
||||
|
||||
.stakes-address-container { |
||||
display: flex; |
||||
cursor: pointer; |
||||
justify-content: flex-start; |
||||
display: flex; |
||||
cursor: pointer; |
||||
justify-content: flex-start; |
||||
|
||||
.stakes-address { |
||||
color: $stakes-address-color; |
||||
margin-right: 10px; |
||||
.stakes-address { |
||||
color: $stakes-address-color; |
||||
margin-right: 10px; |
||||
|
||||
.stakes-tr-banned & { |
||||
color: $stakes-banned-color; |
||||
} |
||||
.stakes-tr-banned & { |
||||
color: $stakes-banned-color; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.stakes-controls { |
||||
align-items: center; |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
padding-right: 30px; |
||||
align-items: center; |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
padding-right: 30px; |
||||
} |
||||
|
||||
.stakes-control { |
||||
cursor: pointer; |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
color: $stakes-control-color; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin-right: 25px; |
||||
text-align: left; |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
cursor: pointer; |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
color: $stakes-control-color; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin-right: 25px; |
||||
text-align: left; |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
.stakes-control-icon { |
||||
margin-right: 10px; |
||||
path { |
||||
fill: $stakes-control-color; |
||||
} |
||||
margin-right: 10px; |
||||
path { |
||||
fill: $stakes-control-color; |
||||
} |
||||
} |
||||
|
||||
.stakes-top-buttons { |
||||
align-items: center; |
||||
display: flex; |
||||
justify-content: center; |
||||
flex-direction: column; |
||||
|
||||
.btn-add-full { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
@include media-breakpoint-down(md) { |
||||
grid-column-start: 2; |
||||
grid-row-start: 2; |
||||
justify-self: end; |
||||
} |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
grid-column-start: auto !important; |
||||
grid-row-start: auto !important; |
||||
justify-self: center; |
||||
} |
||||
} |
||||
align-items: center; |
||||
display: flex; |
||||
justify-content: center; |
||||
flex-direction: column; |
||||
|
||||
.btn-add-full { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
@include media-breakpoint-down(md) { |
||||
grid-column-start: 2; |
||||
grid-row-start: 2; |
||||
justify-self: end; |
||||
} |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
grid-column-start: auto !important; |
||||
grid-row-start: auto !important; |
||||
justify-self: center; |
||||
} |
||||
} |
||||
|
||||
@ -1,21 +1,21 @@ |
||||
$stakes-btn-remove-pool-color: $primary !default; |
||||
|
||||
.stakes-btn-remove-pool { |
||||
align-items: center; |
||||
color: $stakes-btn-remove-pool-color; |
||||
cursor: pointer; |
||||
display: flex; |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
height: 36px; |
||||
justify-content: center; |
||||
text-align: center; |
||||
align-items: center; |
||||
color: $stakes-btn-remove-pool-color; |
||||
cursor: pointer; |
||||
display: flex; |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
height: 36px; |
||||
justify-content: center; |
||||
text-align: center; |
||||
|
||||
svg { |
||||
margin-right: 10px; |
||||
} |
||||
svg { |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
path { |
||||
fill: $stakes-btn-remove-pool-color; |
||||
} |
||||
} |
||||
path { |
||||
fill: $stakes-btn-remove-pool-color; |
||||
} |
||||
} |
||||
|
||||
@ -1,35 +1,35 @@ |
||||
.stakes-empty-content { |
||||
display: flex; |
||||
justify-content: center; |
||||
padding: 100px 15px; |
||||
display: flex; |
||||
justify-content: center; |
||||
padding: 100px 15px; |
||||
} |
||||
|
||||
.stakes-empty-content-pic { |
||||
flex-shrink: 0; |
||||
margin: 0 50px 0 0; |
||||
flex-shrink: 0; |
||||
margin: 0 50px 0 0; |
||||
} |
||||
|
||||
.stakes-empty-content-pic-svg-path { |
||||
fill: $primary; |
||||
fill: $primary; |
||||
} |
||||
|
||||
.stakes-empty-content-info { |
||||
max-width: 300px; |
||||
max-width: 300px; |
||||
} |
||||
|
||||
.stakes-empty-content-title { |
||||
font-size: 18px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0 0 15px; |
||||
text-align: left; |
||||
font-size: 18px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0 0 15px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.stakes-empty-content-text { |
||||
color: #a3a9b5; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.71; |
||||
margin: 0 0 25px; |
||||
text-align: left; |
||||
} |
||||
color: #a3a9b5; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.71; |
||||
margin: 0 0 25px; |
||||
text-align: left; |
||||
} |
||||
|
||||
@ -1,74 +1,74 @@ |
||||
.stakes-progress { |
||||
.modal-stake-right & { |
||||
border-left: 1px solid $base-border-color; |
||||
flex-shrink: 0; |
||||
height: 100%; |
||||
padding: $modal-vertical-padding $modal-horizontal-padding; |
||||
width: 190px; |
||||
} |
||||
.modal-stake-right & { |
||||
border-left: 1px solid $base-border-color; |
||||
flex-shrink: 0; |
||||
height: 100%; |
||||
padding: $modal-vertical-padding $modal-horizontal-padding; |
||||
width: 190px; |
||||
} |
||||
} |
||||
|
||||
.stakes-progress-info { |
||||
margin-bottom: 25px; |
||||
margin-bottom: 25px; |
||||
|
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
.stakes-progress-info-title { |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0 0 12px; |
||||
text-align: left; |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0 0 12px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.stakes-progress-info-value { |
||||
color: #333; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0; |
||||
text-align: left; |
||||
color: #333; |
||||
font-size: 14px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
margin: 0; |
||||
text-align: left; |
||||
|
||||
&.link-color { |
||||
color: $primary; |
||||
} |
||||
&.link-color { |
||||
color: $primary; |
||||
} |
||||
} |
||||
|
||||
.stakes-progress-graph { |
||||
margin: 0 0 20px; |
||||
position: relative; |
||||
margin: 0 0 20px; |
||||
position: relative; |
||||
} |
||||
|
||||
.stakes-progress-graph-canvas { |
||||
position: relative; |
||||
z-index: 1; |
||||
position: relative; |
||||
z-index: 1; |
||||
} |
||||
|
||||
.stakes-progress-data { |
||||
left: 50%; |
||||
position: absolute; |
||||
top: 50%; |
||||
transform: translateX(-50%) translateY(-50%); |
||||
z-index: 12; |
||||
left: 50%; |
||||
position: absolute; |
||||
top: 50%; |
||||
transform: translateX(-50%) translateY(-50%); |
||||
z-index: 12; |
||||
} |
||||
|
||||
.stakes-progress-data-total { |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
text-align: center; |
||||
color: #a3a9b5; |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
line-height: 1.2; |
||||
text-align: center; |
||||
} |
||||
|
||||
.stakes-progress-data-progress { |
||||
color: #333; |
||||
font-size: 24px; |
||||
font-weight: bold; |
||||
line-height: 1.2; |
||||
margin: 0 0 8px; |
||||
text-align: center; |
||||
} |
||||
color: #333; |
||||
font-size: 24px; |
||||
font-weight: bold; |
||||
line-height: 1.2; |
||||
margin: 0 0 8px; |
||||
text-align: center; |
||||
} |
||||
|
||||
@ -1,8 +1,8 @@ |
||||
.tooltip { |
||||
max-width: 250px; |
||||
max-width: 250px; |
||||
|
||||
.tooltip-inner { |
||||
border-radius: 5px; |
||||
padding: 15px; |
||||
} |
||||
} |
||||
.tooltip-inner { |
||||
border-radius: 5px; |
||||
padding: 15px; |
||||
} |
||||
} |
||||
|
||||
@ -1,14 +1,14 @@ |
||||
.transaction-input-text{ |
||||
.transaction-input-text { |
||||
white-space: pre; |
||||
color: black; |
||||
|
||||
pre{ |
||||
code{ |
||||
pre { |
||||
code { |
||||
color: black; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.transaction-input-table{ |
||||
.transaction-input-table { |
||||
overflow-x: scroll; |
||||
} |
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,3 +1,3 @@ |
||||
$primary: #34C88A; |
||||
$secondary: #163F59; |
||||
$tertiary: #466D85; |
||||
$primary: #34c88a; |
||||
$secondary: #163f59; |
||||
$tertiary: #466d85; |
||||
|
||||
@ -1,3 +1,3 @@ |
||||
$primary: #4A4A4A; |
||||
$secondary: #01C85C; |
||||
$tertiary: #466D85; |
||||
$primary: #4a4a4a; |
||||
$secondary: #01c85c; |
||||
$tertiary: #466d85; |
||||
|
||||
@ -1,8 +1,8 @@ |
||||
$primary: #1b1b39; |
||||
$secondary: #4beba0; |
||||
$tertiary: #4beba0; |
||||
$primary: #1b1b39; |
||||
$secondary: #4beba0; |
||||
$tertiary: #4beba0; |
||||
|
||||
$footer-background-color: $primary; |
||||
$footer-title-color: #fff; |
||||
$footer-text-color: #fff; |
||||
$footer-item-disc-color: $secondary; |
||||
$footer-item-disc-color: $secondary; |
||||
|
||||
@ -1,3 +1,3 @@ |
||||
$primary: #16465b; |
||||
$secondary: #5ab3ff; |
||||
$tertiary: #77a4c5; |
||||
$primary: #16465b; |
||||
$secondary: #5ab3ff; |
||||
$tertiary: #77a4c5; |
||||
|
||||
@ -1,3 +1,3 @@ |
||||
$primary: #1F4C55; |
||||
$secondary: #E08E64; |
||||
$tertiary: #333333; |
||||
$primary: #1f4c55; |
||||
$secondary: #e08e64; |
||||
$tertiary: #333333; |
||||
|
||||
@ -1,3 +1,3 @@ |
||||
$primary: #586A8F; |
||||
$secondary: #00BCD4; |
||||
$tertiary: #6F87B2; |
||||
$primary: #586a8f; |
||||
$secondary: #00bcd4; |
||||
$tertiary: #6f87b2; |
||||
|
||||
@ -1,8 +1,8 @@ |
||||
$primary: #20201A; |
||||
$secondary: #F0D96B; |
||||
$tertiary: #4A443A; |
||||
$primary: #20201a; |
||||
$secondary: #f0d96b; |
||||
$tertiary: #4a443a; |
||||
|
||||
$footer-background-color: $primary; |
||||
$footer-title-color: #fff; |
||||
$footer-text-color: #fff; |
||||
$footer-item-disc-color: $secondary; |
||||
$footer-item-disc-color: $secondary; |
||||
|
||||
@ -1,3 +1,3 @@ |
||||
$primary: #171717; |
||||
$secondary: #FF9000; |
||||
$tertiary: #727272; |
||||
$primary: #171717; |
||||
$secondary: #ff9000; |
||||
$tertiary: #727272; |
||||
|
||||
@ -1,5 +1,5 @@ |
||||
$primary: #262D62; |
||||
$secondary: #687BF6; |
||||
$tertiary: #687BF6; |
||||
$primary: #262d62; |
||||
$secondary: #687bf6; |
||||
$tertiary: #687bf6; |
||||
|
||||
$base-border-color: #e2e5ec !default; |
||||
$base-border-color: #e2e5ec !default; |
||||
|
||||
@ -1,8 +1,8 @@ |
||||
$primary: #343434; |
||||
$secondary: #A2D729; |
||||
$tertiary: #7F7F7F; |
||||
$primary: #343434; |
||||
$secondary: #a2d729; |
||||
$tertiary: #7f7f7f; |
||||
|
||||
$footer-background-color: $primary; |
||||
$footer-title-color: #fff; |
||||
$footer-text-color: #fff; |
||||
$footer-item-disc-color: $secondary; |
||||
$footer-item-disc-color: $secondary; |
||||
|
||||
@ -1,8 +1,8 @@ |
||||
$primary: #2fa8f8; |
||||
$primary: #2fa8f8; |
||||
$secondary: #a2daff; |
||||
$tertiary: #006aa7; |
||||
$tertiary: #006aa7; |
||||
|
||||
$footer-background-color: $primary; |
||||
$footer-title-color: #fff; |
||||
$footer-text-color: #fff; |
||||
$footer-item-disc-color: $secondary; |
||||
$footer-item-disc-color: $secondary; |
||||
|
||||
@ -1,8 +1,8 @@ |
||||
$primary: #A375FF; |
||||
$secondary: #00F0BD; |
||||
$tertiary: #53A9FF; |
||||
$primary: #a375ff; |
||||
$secondary: #00f0bd; |
||||
$tertiary: #53a9ff; |
||||
|
||||
$footer-background-color: $primary; |
||||
$footer-title-color: #fff; |
||||
$footer-text-color: #fff; |
||||
$footer-item-disc-color: $secondary; |
||||
$footer-item-disc-color: $secondary; |
||||
|
||||
@ -1,8 +1,8 @@ |
||||
$primary: #559387; |
||||
$secondary: #add7cf; |
||||
$tertiary: #38533d; |
||||
$primary: #559387; |
||||
$secondary: #add7cf; |
||||
$tertiary: #38533d; |
||||
|
||||
$footer-background-color: $primary; |
||||
$footer-title-color: #fff; |
||||
$footer-text-color: #fff; |
||||
$footer-item-disc-color: $secondary; |
||||
$footer-item-disc-color: $secondary; |
||||
|
||||
@ -1,8 +1,8 @@ |
||||
$primary: #633D99; |
||||
$secondary: #6CC04A; |
||||
$tertiary: #A566FF; |
||||
$primary: #633d99; |
||||
$secondary: #6cc04a; |
||||
$tertiary: #a566ff; |
||||
|
||||
$footer-background-color: $primary; |
||||
$footer-title-color: #fff; |
||||
$footer-text-color: #fff; |
||||
$footer-item-disc-color: $secondary; |
||||
$footer-item-disc-color: $secondary; |
||||
|
||||
@ -1,3 +1,3 @@ |
||||
$primary: #211841; |
||||
$secondary: #F16950; |
||||
$tertiary: #8B84BC; |
||||
$primary: #211841; |
||||
$secondary: #f16950; |
||||
$tertiary: #8b84bc; |
||||
|
||||
@ -1,3 +1,3 @@ |
||||
$primary: #3680F8; |
||||
$secondary: #2CCFC5; |
||||
$tertiary: #7289AF; |
||||
$primary: #3680f8; |
||||
$secondary: #2ccfc5; |
||||
$tertiary: #7289af; |
||||
|
||||
Loading…
Reference in new issue