oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

change px for padding and margin to $spacer var

Browse Source
This commit is contained in:
Max Berman 2020-01-15 14:28:43 +01:00
parent 05d5f466ee
commit f18311a26f
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/molecules/NetworkSwitcher.module.scss
View File

@ -1,5 +1,7 @@
@import '../../styles/variables'; @import '../../styles/variables';
$localSpacer: $spacer / 6;
.networkListWrapper { .networkListWrapper {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
@ -13,9 +15,9 @@
.networkSwitchButton { .networkSwitchButton {
display: inline-block; display: inline-block;
border: 1px solid $brand-grey-lighter; border: 1px solid $brand-grey-lighter;
padding: 4px; padding: $localSpacer;
border-radius: $border-radius; border-radius: $border-radius;
margin: 0 4px; margin: 0 $localSpacer;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
} }
@ -46,7 +48,7 @@
.networkSwitchButton span:after { .networkSwitchButton span:after {
content: ''; content: '';
border-right: 1px solid $brand-grey-lighter; border-right: 1px solid $brand-grey-lighter;
margin: 0 4px; margin: 0 $localSpacer;
} }
.networkList { .networkList {
@ -68,7 +70,7 @@
cursor: pointer; cursor: pointer;
font-size: $font-size-mini; font-size: $font-size-mini;
text-align: left; text-align: left;
padding: 4px; padding: $localSpacer;
} }
.listButton { .listButton {