1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
  
45
  
46
  
47
  
48
  
49
  
50
  
51
  
52
  
53
  
54
  
55
  
56
  
57
  
58
  
59
  
60
  
61
  
62
  
63
  
64
  
65
  
66
  
67
  
68
  
69
  
70
  
71
  
72
  
73
  
74
  
75
  
76
  
77
  
78
  
79
  
80
  
81
  
82
  
83
  
84
  
85
  
86
  
87
  
88
  
89
  
90
  
91
  
92
  
93
  
94
  
95
  
96
  
97
  
98
  
99
  
100
  
101
  
102
  
103
  
104
  
105
  
106
  
107
  
108
  
109
  
110
  
111
  
112
  
113
  
114
  
115
  
116
  
117
  
118
  
119
  
120
  
121
  
122
  
123
  
124
  
125
  
126
  
127
  
128
  
129
  
130
  
131
  
132
  
133
  
134
  
135
  
136
  
137
  
138
  
139
  
140
  
141
  
142
  
143
  
.config-var { 
  @include flex-row; 
  @include clear; 
 
  margin-top: $spacing-unit; 
  border-bottom: 1px dashed darken($body-color, 25%); 
  padding-bottom: $spacing-unit; 
 
  &:first-of-type { 
    border-top: 1px dashed darken($body-color, 25%); 
    padding-top: $spacing-unit; 
  } 
 
  &.no-border { 
    border-bottom: 0; 
  } 
 
  h3 { 
    border-bottom: 1px solid lighten($main-column-bg, 10%); 
    margin-top: $spacing-unit*2; 
    padding-bottom: $spacing-unit/2; 
  } 
 
  .name { 
    @include text-size(lg); 
    color: $light-grey; 
    font-weight: bold; 
    width: 25%; 
    flex-grow: 1; 
    margin-left: 0; 
    padding-left: 0; 
    padding-right: $spacing-unit; 
 
    &.small { 
      @include text-size(md); 
    } 
  } 
 
  .value { 
    width: 75%; 
    flex-grow: 1; 
    margin-left: 0; 
    padding-left: 0; 
 
    &.changed { 
      padding: $spacing-unit; 
      background: lighten($body-bg, 2%); 
    } 
 
    dl { 
      margin: 0; 
 
      dd { 
        margin-left: 0; 
 
        &+ dt { 
          margin-top: $spacing-unit/2; 
        } 
      } 
    } 
  } 
 
  .doc { 
    display: block; 
    padding-left: 0; 
    margin-left: 0; 
    margin-top: $spacing-unit/2; 
    margin-left: 25%; 
    // @include text-size(sm); 
 
    & > p { 
      &:first-child { 
        margin-top: 0; 
      } 
 
      &:last-child { 
        margin-bottom: 0; 
      } 
    } 
  } 
 
  &.narrow { 
    .name { 
      width: 15%; 
    } 
 
    .value { 
      width: 85%; 
    } 
 
    .doc { 
      margin-left: 15%; 
    } 
  } 
 
  + .config-var { 
    // padding-top: $spacing-unit; 
  } 
} 
 
.port-cfg-vars { 
  .rxn-var-list { 
    tr { 
      border-bottom: 1px dashed darken($body-color, 25%); 
 
      &:last-child { 
        border-bottom: 0; 
      } 
    } 
 
    td { 
      padding-top: $spacing-unit; 
      padding-bottom: $spacing-unit; 
    } 
 
    tr { 
      &:first-child { 
        td { 
          padding-top: 0; 
        } 
      } 
    } 
  } 
} 
 
.initial-module-conf { 
  padding: $site-padding; 
  background: darken($main-column-bg, 3%); 
  margin-bottom: $spacing-unit; 
 
  h3 { 
    margin-top: 0; 
  } 
 
  .config-var { 
    &:last-child { 
      border-bottom: 0; 
      margin-bottom: 0; 
      padding-bottom: 0; 
    } 
  } 
}