SimpleGas.scss
 1  @import 'common/sass/variables';
 2  
 3  .SimpleGas {
 4    margin-top: 0;
 5    margin-bottom: 0;
 6  
 7    &-input-group {
 8      display: flex;
 9      > .SimpleGas-slider {
10        flex-grow: 1;
11        margin-right: $space;
12      }
13  
14      > .FeeSummary {
15        margin-left: $space;
16        min-width: 224px;
17      }
18  
19      @media screen and (max-width: $screen-md) {
20        flex-wrap: wrap;
21  
22        > .SimpleGas-slider {
23          width: 100%;
24          margin-right: 0;
25        }
26  
27        > .FeeSummary {
28          width: 100%;
29          margin-left: 0;
30        }
31      }
32    }
33  
34    &-slider {
35      padding-top: 8px;
36      margin-bottom: $space-xs;
37  
38      &-labels {
39        margin-top: 4px;
40        display: flex;
41  
42        > span {
43          flex: 1;
44          padding: 0 $space-xs;
45          text-align: center;
46          color: shade-dark(0.4);
47          font-size: $font-size-xs;
48  
49          &:first-child {
50            text-align: left;
51          }
52  
53          &:last-child {
54            text-align: right;
55          }
56        }
57      }
58    }
59  }