Implementation for copay distribution sass.

This commit is contained in:
Andy Phillipson 2017-02-23 16:46:41 -05:00
commit 73a06b595f
105 changed files with 1150 additions and 480 deletions

View file

@ -29,7 +29,7 @@ account-selector {
background-color: $royal;
&.icon-add {
background-color: $light-gray;
background-color: $v-light-gray;
}
}

View file

@ -17,7 +17,7 @@ item-selector {
overflow: visible;
> i {
color: #647ce8;
color: $v-accent-color;
padding: 0 0 5px 0;
margin-left: -5px;

View file

@ -8,17 +8,17 @@
max-width: 350px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: $unmistakable-radius;
border-radius: $v-unmistakable-radius;
text-align: center;
&-header {
&-success {
background: $success-green;
background: $v-success-color;
}
&-warning {
background: $warning-orange;
background: $v-warning-color;
}
padding: 1rem;
border-radius: $unmistakable-radius $unmistakable-radius 0 0;
border-radius: $v-unmistakable-radius $v-unmistakable-radius 0 0;
min-height: 120px;
&-img{
height: 6rem;
@ -45,14 +45,14 @@
}
&-heading {
margin:0 0 1rem;
color: $dark-gray;
color: $v-dark-gray;
font-weight: bold;
font-size: 1.3rem;
margin-top: 1rem;
line-height: 1.3;
}
&-message {
color: $mid-gray;
color: $v-mid-gray;
font-weight: 200;
}
.button {
@ -60,12 +60,12 @@
}
&-content-success {
.button {
color: $success-green !important;
color: $v-success-color !important;
}
}
&-content-warning {
.button {
color: $warning-orange !important;
color: $v-warning-color !important;
}
}
}

View file

@ -202,8 +202,8 @@
}
> div {
border: 3px solid #13e5b6;
border-radius: 50%;
border: 3px solid $v-success-color;
border-radius: $v-icon-border-radius;
display: flex;
height: 26px;
width: 26px;
@ -212,7 +212,7 @@
justify-content: center;
font-weight: 600;
vertical-align: middle;
color: #13e5b6;
color: $v-success-color;
&.rejected {
background: #E15061;
@ -263,6 +263,6 @@
.glidera-description {
text-align: center;
font-size: 12px;
color: $mid-gray;
color: $v-mid-gray;
}
}

View file

@ -6,7 +6,7 @@
}
.card {
max-width: 350px;
box-shadow:$subtle-box-shadow;
box-shadow:$v-subtle-box-shadow;
padding:0;
border-radius: 6px;
margin: 0 auto;