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

design(tabs): clean up tab icons, polish spacing and colors

Browse source
This commit is contained in:
Jason Dreyzehner 2016-10-04 15:49:12 -04:00
commit 09924ed272
12 changed files with 201 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/sass/variables.scss
View file

@ -1,6 +1,7 @@
/* constants */
$royal: #1e3186;
$soft-blue: #647ce8;
$fill-blue: #D5DFFF;
$subtle-gray: #f5f5f5;
$roboto: "Roboto", sans-serif;
$roboto-light: "Roboto-Light", sans-serif-light;
@ -9,13 +10,19 @@ $mid-gray: #667;
$light-gray: #9b9bab;
/* Set ionic variables */
$positive: $soft-blue;
$font-family-sans-serif: $roboto;
$font-family-light-sans-serif: $roboto-light;
$base-background-color: $subtle-gray;
$item-default-active-bg: $subtle-gray;
$item-icon-font-size: 24px;
$tabs-icon-size: 22px;
$ios-transition-duration: 200ms;
$card-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
$item-icon-font-size: 24px;

21
src/sass/views/tabs.scss
View file

@ -2,34 +2,35 @@
.icon {
background-repeat: no-repeat;
background-position: center;
&.ico-home{
margin: 6px 0 2px;
&.ico-home {
background-image: url('../img/tab-icons/ico-home.svg');
}
&.ico-home-selected{
&.ico-home-selected {
background-image: url('../img/tab-icons/ico-home-selected.svg');
}
&.ico-receive{
&.ico-receive {
background-image: url('../img/tab-icons/ico-receive.svg');
}
&.ico-receive-selected{
&.ico-receive-selected {
background-image: url('../img/tab-icons/ico-receive-selected.svg');
}
&.ico-settings{
&.ico-settings {
background-image: url('../img/tab-icons/ico-settings.svg');
}
&.ico-settings-selected{
&.ico-settings-selected {
background-image: url('../img/tab-icons/ico-settings-selected.svg');
}
&.ico-scan{
&.ico-scan {
background-image: url('../img/tab-icons/ico-scan.svg');
}
&.ico-scan-selected{
&.ico-scan-selected {
background-image: url('../img/tab-icons/ico-scan-selected.svg');
}
&.ico-send{
&.ico-send {
background-image: url('../img/tab-icons/ico-send.svg');
}
&.ico-send-selected{
&.ico-send-selected {
background-image: url('../img/tab-icons/ico-send-selected.svg');
}
}