/ common / components / NetworkSelector / NetworkSelector.scss
NetworkSelector.scss
 1  @import 'common/sass/variables';
 2  @import 'common/sass/mixins';
 3  
 4  $button-padding: $space-xs $space-md;
 5  $button-font-size: $font-size-small;
 6  
 7  @if ($is-electron) {
 8    $button-padding: 12px 0px;
 9    $button-font-size: 13px;
10  }
11  
12  
13  .NetworkSelector {
14    width: 100%;
15    text-align: left;
16    color: color(text-color);
17    background: color(control-bg);
18    font-size: $font-size-base;
19  
20    &-add,
21    &-alts {
22      @include reset-button;
23      display: block;
24      width: 100%;
25      padding: $button-padding;
26      text-align: center;
27      color: color(text-color);
28      font-size: $button-font-size;
29  
30      &:hover {
31        color: color(link-hover-color);
32      }
33  
34      .fa {
35        font-size: 12px;
36        width: 11px;
37        text-align: center;
38        opacity: 0.8;
39        margin-right: $space-xs;
40      }
41    }
42  
43    &-alts {
44      border-bottom: 1px solid shade-dark(0.08);
45    }
46  
47    @if ($is-electron) {
48      &-add {
49        border-bottom: 1px solid shade-dark(0.08);
50      }
51    }
52  }