arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-01 03:40:53 +00:00
Code Issues Releases Wiki Activity

Disable css for new styled components

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-08-14 21:59:46 +02:00
parent 44ae2b82dd
commit 9d55216bf9
1 changed files with 80 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

134
src/styles/aside.less
View File

@ -30,11 +30,11 @@ aside {
.transition-container { .transition-container {
width: 640px; width: 640px;
section { // section {
width: 320px; // width: 320px;
display: inline-block; // display: inline-block;
vertical-align: top; // vertical-align: top;
} // }
} }
.trezor-webusb-button { .trezor-webusb-button {
@ -265,20 +265,20 @@ aside {
} }
a { a {
position: relative; // position: relative;
display: block; // display: block;
cursor: pointer; // cursor: pointer;
font-size: 16px; // font-size: 16px;
padding: 16px 0 16px 24px; // padding: 16px 0 16px 24px;
white-space: nowrap; // white-space: nowrap;
color: @color_text_primary; // color: @color_text_primary;
height: 50px; // height: 50px;
transition: background-color 0.3s, color 0.3s; // transition: background-color 0.3s, color 0.3s;
&:hover { // &:hover {
background-color: @color_gray_light; // background-color: @color_gray_light;
} // }
&.account { &.account {
height: 64px; height: 64px;
@ -336,45 +336,45 @@ aside {
&.coin { // &.coin {
padding-left: 60px; // padding-left: 60px;
&:before { // &:before {
content: ''; // content: '';
position: absolute; // position: absolute;
display: block; // display: block;
width: 20px; // width: 20px;
height: 20px; // height: 20px;
left: 24px; // left: 24px;
top: 0px; // top: 0px;
bottom: 0px; // bottom: 0px;
margin: auto 0; // margin: auto 0;
background-repeat: no-repeat; // background-repeat: no-repeat;
background-position: center; // background-position: center;
background-size: 20px 20px; // background-size: 20px 20px;
} // }
} // }
&.external { // &.external {
&:after { // &:after {
.icomoon-redirect; // .icomoon-redirect;
position: absolute; // position: absolute;
display: block; // display: block;
width: 30px; // width: 30px;
height: 30px; // height: 30px;
right: 20px; // right: 20px;
top: 0px; // top: 0px;
bottom: 0px; // bottom: 0px;
margin: auto 0; // margin: auto 0;
font-size: 30px; // font-size: 30px;
color: @color_text_secondary; // color: @color_text_secondary;
.hover(); // .hover();
} // }
&:hover:after { // &:hover:after {
color: @color_text_primary; // color: @color_text_primary;
} // }
} // }
&.back { &.back {
padding-left: 80px; padding-left: 80px;
@ -450,20 +450,20 @@ aside {
} }
} }
.coin-divider { // .coin-divider {
font-size: 12px; // font-size: 12px;
display: flex; // display: flex;
justify-content: space-between; // justify-content: space-between;
color: @color_text_secondary; // color: @color_text_secondary;
background: @color_gray_light; // background: @color_gray_light;
padding: 8px 28px 8px 24px; // padding: 8px 28px 8px 24px;
border-top: 1px solid @color_divider; // border-top: 1px solid @color_divider;
border-bottom: 1px solid @color_divider; // border-bottom: 1px solid @color_divider;
span { // span {
display: flex; // display: flex;
justify-content: flex-end; // justify-content: flex-end;
} // }
} // }
.device-divider { .device-divider {
font-size: 12px; font-size: 12px;