Wallet/src/sass/views/tabs.scss

51 lines
1.3 KiB
SCSS
Raw Normal View History

2016-09-14 15:08:19 -04:00
.tabs .tab-item {
.icon {
background-repeat: no-repeat;
background-position: center;
margin: 6px 0 2px;
&.ico-home {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-home.svg');
}
&.ico-home-selected {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-home-selected.svg');
}
&.ico-receive {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-receive.svg');
}
&.ico-receive-selected {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-receive-selected.svg');
}
&.ico-settings {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-settings.svg');
}
&.ico-settings-selected {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-settings-selected.svg');
}
&.ico-scan {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-scan.svg');
}
&.ico-scan-selected {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-scan-selected.svg');
}
&.ico-send {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-send.svg');
}
&.ico-send-selected {
2016-09-14 15:08:19 -04:00
background-image: url('../img/tab-icons/ico-send-selected.svg');
}
}
}
#tab-home, #tab-send {
.card, .list {
.icon {
color: $light-gray;
}
& > .item-heading {
font-weight: 700;
.icon {
color: $mid-gray;
}
}
}
}