sfc-utils 1.4.57 → 1.4.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/components/geocoder.mjs +1 -0
  2. package/package.json +2 -2
  3. package/styles/brandStylesCommon.less +102 -54
package/components/geocoder.mjs CHANGED
@@ -49,6 +49,7 @@ const Geocoder = ({
49
49
  break;
50
50
  case "CT":
51
51
  filterRegion = "Connecticut";
52
+ break;
52
53
  default:
53
54
  filterRegion = "United States";
54
55
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sfc-utils",
3
- "version": "1.4.57",
3
+ "version": "1.4.59",
4
4
  "author": "ewagstaff <evanjwagstaff@gmail.com>",
5
5
  "dependencies": {
6
6
  "archieml": "^0.4.2",
@@ -14,4 +14,4 @@
14
14
  "react-transition-group": "^4.4.5",
15
15
  "write": "^2.0.0"
16
16
  }
17
- }
17
+ }
package/styles/brandStylesCommon.less CHANGED
@@ -1,9 +1,12 @@
1
- .hed, .deck{
1
+ .hed,
2
+ .deck {
2
3
  text-align: center;
3
4
  margin: @s16 0;
5
+
4
6
  &.left {
5
7
  text-align: left;
6
8
  }
9
+
7
10
  @media (max-width: 960px) {
8
11
  text-align: left;
9
12
  padding: 0 @s16;
@@ -14,28 +17,41 @@ h1 {
14
17
  font-size: 4rem;
15
18
  font-family: @hed;
16
19
  }
20
+
17
21
  //could the next three classes be moved into byline module?
18
22
  .byline-wrapper {
19
23
  max-width: @lg;
20
24
  border-bottom: 1px solid @grey-75;
21
25
  margin: @s16 auto @s24;
22
26
  padding-bottom: @s8;
27
+ display: flex;
28
+ flex-direction: row;
29
+ justify-content: space-between;
30
+ align-items: flex-end;
31
+
23
32
  @media (max-width: 960px) {
24
33
  margin: @s16 @s16 @s24;
25
34
  }
35
+
26
36
  @media (max-width: @md) {
27
- border-bottom: none; }
37
+ border-bottom: none;
38
+ display: block;
39
+ }
28
40
  }
41
+
29
42
  .byline-name {
30
- font-weight: 700;
43
+ font-weight: 700;
31
44
  }
32
45
 
33
46
  .byline {
34
47
  text-align: left;
35
48
  display: inline-block;
36
- a, a:visited {
49
+
50
+ a,
51
+ a:visited {
37
52
  text-decoration: none;
38
53
  color: @black;
54
+
39
55
  &:hover {
40
56
  color: @brand;
41
57
  }
@@ -48,23 +64,29 @@ h1 {
48
64
 
49
65
  // Handle basic embed classes
50
66
  .inline-figure {
51
- &.float-left, &.float-right {
67
+
68
+ &.float-left,
69
+ &.float-right {
52
70
  max-width: @xl;
53
71
  margin: 0 auto;
54
- @media (max-width: @xl){
72
+
73
+ @media (max-width: @xl) {
55
74
  max-width: @md;
56
75
  padding: 0 @s16;
57
76
  }
77
+
58
78
  figure {
59
79
  max-width: @xs;
60
80
  width: 100%;
61
- @media (max-width: @xl){
81
+
82
+ @media (max-width: @xl) {
62
83
  max-width: @md;
63
84
  float: none;
64
85
  margin: @s24 auto;
65
86
  }
66
87
  }
67
88
  }
89
+
68
90
  &.float-left {
69
91
  figure {
70
92
  float: left;
@@ -72,25 +94,31 @@ h1 {
72
94
  }
73
95
 
74
96
  }
97
+
75
98
  &.float-right {
76
99
  figure {
77
100
  float: right;
78
101
  margin-left: @s16;
79
102
  }
80
103
  }
104
+
81
105
  &.full {
82
106
  max-width: 100%;
83
107
  }
84
108
  }
85
109
 
86
- .inline-figure.wide, .inline-figure.full, .inline-figure.large {
110
+ .inline-figure.wide,
111
+ .inline-figure.full,
112
+ .inline-figure.large {
87
113
  &.graphic-wrapper {
88
114
  @media @max-desktop {
89
115
  padding: 0 @s16;
90
116
  }
91
117
  }
92
- .caption {
118
+
119
+ .caption {
93
120
  max-width: @w-text-width;
121
+
94
122
  @media @max-text-width {
95
123
  padding: 0 @s16;
96
124
  }
@@ -100,8 +128,8 @@ h1 {
100
128
  //side-by-side photos
101
129
  .side-by-side-wrapper {
102
130
  @media (max-width: 1200px) {
103
- padding-left: @s16;
104
- padding-right: @s16;
131
+ padding-left: @s16;
132
+ padding-right: @s16;
105
133
  }
106
134
  }
107
135
 
@@ -110,92 +138,109 @@ h1 {
110
138
  width: 100%;
111
139
  display: inline-block;
112
140
  vertical-align: top;
113
- @media (max-width: 1200px){
114
- width: calc(50% - 4px);
115
- // max-width: 640px;
141
+
142
+ @media (max-width: 1200px) {
143
+ width: calc(50% - 4px);
144
+ // max-width: 640px;
116
145
  }
146
+
117
147
  @media @tablet {
118
- width: 100%;
119
- max-width: 640px;
148
+ width: 100%;
149
+ max-width: 640px;
120
150
  }
121
151
  }
152
+
122
153
  .side-by-side-left {
123
154
  margin-right: @s4;
155
+
124
156
  @media @tablet {
125
- margin-bottom: @s8;
157
+ margin-bottom: @s8;
126
158
  }
127
159
  }
160
+
128
161
  .side-by-side-right {
129
162
  margin-left: @s4;
130
163
  }
131
164
 
132
- .side-by-side-left, .side-by-side-right{
165
+ .side-by-side-left,
166
+ .side-by-side-right {
133
167
  @media @tablet {
134
- margin-right: auto;
135
- margin-left: auto;
136
- display: block;
168
+ margin-right: auto;
169
+ margin-left: auto;
170
+ display: block;
137
171
  }
138
172
  }
173
+
139
174
  .side-by-side-caption-wrapper {
140
175
  margin-bottom: @s24;
141
176
  margin-top: @s4;
142
177
  line-height: 1.3;
178
+
143
179
  .caption {
144
- margin-bottom: 0;
145
- margin-top: 0;
146
- display: inline;
147
- padding: 0 !important;
180
+ margin-bottom: 0;
181
+ margin-top: 0;
182
+ display: inline;
183
+ padding: 0 !important;
148
184
  }
185
+
149
186
  @media @max-text-width {
150
- padding: 0;
187
+ padding: 0;
151
188
  }
152
189
  }
190
+
153
191
  .side-by-side-caption-left {
154
- &::before{
155
- content: "LEFT: ";
192
+ &::before {
193
+ content: "LEFT: ";
194
+ font-family: @sans;
195
+ font-size: @s14;
196
+ font-weight: 700;
197
+ color: @grey-75;
198
+ }
199
+
200
+ @media @tablet {
201
+ &::before {
202
+ content: "TOP: ";
156
203
  font-family: @sans;
157
204
  font-size: @s14;
158
205
  font-weight: 700;
159
206
  color: @grey-75;
160
- }
161
- @media @tablet{
162
- &::before{
163
- content: "TOP: ";
164
- font-family: @sans;
165
- font-size: @s14;
166
- font-weight: 700;
167
- color: @grey-75;
168
- }
207
+ }
169
208
  }
170
209
  }
210
+
171
211
  .side-by-side-caption-right {
172
- &::before{
173
- content: " RIGHT: ";
212
+ &::before {
213
+ content: " RIGHT: ";
214
+ font-family: @sans;
215
+ font-size: @s14;
216
+ font-weight: 700;
217
+ color: @grey-50;
218
+ }
219
+
220
+ @media @tablet {
221
+ &::before {
222
+ content: " BOTTOM: ";
174
223
  font-family: @sans;
175
224
  font-size: @s14;
176
225
  font-weight: 700;
177
226
  color: @grey-50;
178
- }
179
- @media @tablet{
180
- &::before{
181
- content: " BOTTOM: ";
182
- font-family: @sans;
183
- font-size: @s14;
184
- font-weight: 700;
185
- color: @grey-50;
186
- }
227
+ }
187
228
  }
188
229
  }
189
230
 
190
231
  //custom graphic
191
232
  .graphic-wrapper {
192
- &.inline-figure.wide, &.inline-figure.full, &.inline-figure.large {
233
+
234
+ &.inline-figure.wide,
235
+ &.inline-figure.full,
236
+ &.inline-figure.large {
193
237
  .caption {
194
- max-width: 100%;
195
- @media @max-text-width {
196
- padding: 0;
197
- }
198
- }
238
+ max-width: 100%;
239
+
240
+ @media @max-text-width {
241
+ padding: 0;
242
+ }
243
+ }
199
244
  }
200
245
  }
201
246
 
@@ -212,6 +257,7 @@ h1 {
212
257
  .caption {
213
258
  max-width: @lg;
214
259
  margin-bottom: @s8;
260
+
215
261
  @media (max-width: 960px) {
216
262
  padding: 0 @s16;
217
263
  }
@@ -242,6 +288,7 @@ a {
242
288
  a {
243
289
  text-decoration-color: @grey-75;
244
290
  }
291
+
245
292
  svg {
246
293
  height: 0.75rem;
247
294
  margin-left: @s4;
@@ -253,6 +300,7 @@ ul {
253
300
  padding-left: 2.2rem;
254
301
  &:extend(.text-width);
255
302
  }
303
+
256
304
  body ul {
257
305
  margin-bottom: @s24;
258
306
  }