anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Implementation for copay distribution sass.

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

38
src/sass/views/amount.scss
View file

@ -3,7 +3,7 @@
.recipient-label {
font-size: 14px;
padding-bottom: 0;
color: $mid-gray;
color: $v-mid-gray;
}
.item-no-bottom-border + .item {
border-top: 0;
@ -54,7 +54,7 @@
.title {
float: left;
padding-top: 10px;
color: $dark-gray;
color: $v-dark-gray;
font-weight: bold;
@media(max-height: 480px) {
padding: 0px;
@ -73,7 +73,7 @@
bottom: 254px;
top: 66px;
.light {
color: $light-gray;
color: $v-light-gray;
}
@media(max-height: 480px) {
top: 45px;
@ -93,11 +93,11 @@
font-size: 18px;
.title {
padding-top: 10px;
color: $dark-gray;
color: $v-dark-gray;
font-weight: bold;
.limits {
margin-top: 10px;
color: $light-gray;
color: $v-light-gray;
font-size: 12px;
}
.select {
@ -114,7 +114,7 @@
bottom: 254px;
top: 66px;
.light {
color: $light-gray;
color: $v-light-gray;
}
}
}
@ -131,15 +131,15 @@
}
}
&--placeholder {
color: $light-gray;
color: $v-light-gray;
}
}
&__number {
color: $dark-gray;
color: $v-dark-gray;
}
&__currency-toggle {
border: 1px solid $subtle-gray;
color: $dark-gray;
border: 1px solid $v-subtle-gray;
color: $v-dark-gray;
border-radius: 3px;
padding: 0 10px;
cursor: pointer;
@ -157,11 +157,11 @@
padding: 10px 0;
}
&--placeholder {
color: $light-gray;
color: $v-light-gray;
}
}
&__result {
color: $light-gray;
color: $v-light-gray;
font-size: .9em;
margin-bottom: -.9em;
line-height: 1;
@ -170,7 +170,7 @@
}
}
&__result-equiv {
color: $mid-gray;
color: $v-mid-gray;
font-size: 1.2em;
margin-top: 2rem;
@media(max-height: 480px) {
@ -186,7 +186,7 @@
position: absolute;
bottom: 0;
width: 100%;
color: $mid-gray;
color: $v-mid-gray;
.row {
padding: 0 !important;
@ -198,12 +198,12 @@
}
.operator {
background-color: $subtle-gray;
background-color: $v-subtle-gray;
font-weight: normal;
cursor: pointer;
&:active {
background-color: $light-gray;
background-color: $v-light-gray;
}
}
@ -221,10 +221,10 @@
.digit{
cursor: pointer;
border-top: 1px solid $subtle-gray;
border-left: 1px solid $subtle-gray;
border-top: 1px solid $v-subtle-gray;
border-left: 1px solid $v-subtle-gray;
&:active {
background-color: $subtle-gray;
background-color: $v-subtle-gray;
}
}