@rypen-dev/shared-components 5.0.9 → 5.0.11
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.
- package/package.json +1 -1
- package/scss/partials/_buttons.scss +2 -2
- package/scss/partials/_layout.scss +4 -0
- package/scss/partials/_notifications.scss +8 -0
- package/scss/partials/_print.scss +80 -0
- package/scss/partials/_typography.scss +36 -0
- package/scss/proposals.scss +8 -0
- package/scss/proposalsshared.scss +18 -8
- package/scss/styles.scss +2 -1
package/package.json
CHANGED
|
@@ -214,7 +214,7 @@ $button-transition-time: 200ms;
|
|
|
214
214
|
a.info {
|
|
215
215
|
vertical-align: middle;
|
|
216
216
|
|
|
217
|
-
> span {
|
|
217
|
+
> span:not(.tooltip) {
|
|
218
218
|
display: inline-block;
|
|
219
219
|
background-color: $medium-gray;
|
|
220
220
|
border-radius: 50%;
|
|
@@ -240,7 +240,7 @@ a.info {
|
|
|
240
240
|
}
|
|
241
241
|
|
|
242
242
|
@media print, screen and (min-width: map-get($breakpoints, medium)) {
|
|
243
|
-
> span {
|
|
243
|
+
> span:not(.tooltip) {
|
|
244
244
|
width: 24px;
|
|
245
245
|
height: 24px;
|
|
246
246
|
line-height: 24px;
|
|
@@ -78,6 +78,10 @@
|
|
|
78
78
|
strong {
|
|
79
79
|
color: $secondary-alt;
|
|
80
80
|
font-weight: 600;
|
|
81
|
+
|
|
82
|
+
&.secondary {
|
|
83
|
+
color: $secondary;
|
|
84
|
+
}
|
|
81
85
|
}
|
|
82
86
|
|
|
83
87
|
a {
|
|
@@ -151,6 +155,10 @@
|
|
|
151
155
|
&:first-child {
|
|
152
156
|
border-top: 0;
|
|
153
157
|
}
|
|
158
|
+
|
|
159
|
+
&:last-child {
|
|
160
|
+
padding-bottom: 0;
|
|
161
|
+
}
|
|
154
162
|
}
|
|
155
163
|
}
|
|
156
164
|
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
@media print {
|
|
2
|
+
@page {
|
|
3
|
+
size: 8.5in 11in;
|
|
4
|
+
margin: 0.5in;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
html {
|
|
8
|
+
font-size: 12pt;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
body {
|
|
12
|
+
width: 7.5in;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.body-container {
|
|
16
|
+
min-height: 0 !important;
|
|
17
|
+
padding-top: 0 !important;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.grid-container {
|
|
21
|
+
max-width: none !important;
|
|
22
|
+
padding-left: 0 !important;
|
|
23
|
+
padding-right: 0 !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
hr {
|
|
27
|
+
max-width: none;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
a[href]::after,
|
|
31
|
+
a[href]:visited::after {
|
|
32
|
+
content: '';
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.print-double-space {
|
|
36
|
+
margin-bottom: 40px !important;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.print-single-space {
|
|
40
|
+
margin-bottom: 20px !important;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.print-half-space {
|
|
44
|
+
margin-bottom: 10px !important;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.print-quarter-space {
|
|
48
|
+
margin-bottom: 5px !important;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.print-no-space {
|
|
52
|
+
margin-bottom: 0 !important;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.print-double-space-top {
|
|
56
|
+
margin-top: 40px !important;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.print-single-space-top {
|
|
60
|
+
margin-top: 20px !important;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.print-half-space-top {
|
|
64
|
+
margin-top: 10px !important;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.print-quarter-space-top {
|
|
68
|
+
margin-top: 5px !important;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.print-no-space-top {
|
|
72
|
+
margin-top: 0 !important;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
button,
|
|
76
|
+
.button,
|
|
77
|
+
.info-icon {
|
|
78
|
+
display: none !important;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -224,6 +224,36 @@ h5 {
|
|
|
224
224
|
margin-bottom: 40px;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
+
&.block-divider {
|
|
228
|
+
font-size: 0.9375rem;
|
|
229
|
+
line-height: 1.2;
|
|
230
|
+
font-weight: 500;
|
|
231
|
+
letter-spacing: 1px;
|
|
232
|
+
color: $text-gray;
|
|
233
|
+
margin-bottom: 15px;
|
|
234
|
+
|
|
235
|
+
&.inverse {
|
|
236
|
+
background-color: $text-gray;
|
|
237
|
+
color: $white;
|
|
238
|
+
padding: 0.25rem 0.5rem;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
&.lite {
|
|
242
|
+
font-size: 0.875rem;
|
|
243
|
+
padding-bottom: 0.25rem;
|
|
244
|
+
border-bottom: solid 2px $text-gray;
|
|
245
|
+
margin-bottom: 0.25rem;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
a {
|
|
249
|
+
color: $divider-a-color;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
span {
|
|
253
|
+
border: 0;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
|
|
227
257
|
&.divider {
|
|
228
258
|
font-size: 1rem;
|
|
229
259
|
color: $primary;
|
|
@@ -251,6 +281,12 @@ h5 {
|
|
|
251
281
|
padding-bottom: 12px;
|
|
252
282
|
}
|
|
253
283
|
|
|
284
|
+
&.filled-in {
|
|
285
|
+
background-color: $medium-gray;
|
|
286
|
+
border-bottom: 0;
|
|
287
|
+
padding: 5px 10px;
|
|
288
|
+
}
|
|
289
|
+
|
|
254
290
|
&.color-secondary {
|
|
255
291
|
color: $secondary;
|
|
256
292
|
}
|
package/scss/proposals.scss
CHANGED
|
@@ -5,14 +5,29 @@
|
|
|
5
5
|
.project-footer {
|
|
6
6
|
margin-top: 30px;
|
|
7
7
|
|
|
8
|
+
h5 {
|
|
9
|
+
font-size: 1.5rem;
|
|
10
|
+
margin-bottom: 1rem;
|
|
11
|
+
}
|
|
12
|
+
|
|
8
13
|
.project-notes-container {
|
|
9
14
|
padding-bottom: 20px;
|
|
10
15
|
margin-bottom: 20px;
|
|
11
16
|
border-bottom: 3px solid $medium-gray;
|
|
12
17
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
18
|
+
.content {
|
|
19
|
+
white-space: pre-wrap;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
h4 {
|
|
23
|
+
font-family: $headline-font-family;
|
|
24
|
+
font-size: 0.875rem;
|
|
25
|
+
line-height: 1.2;
|
|
26
|
+
font-weight: $headline-weight-bold;
|
|
27
|
+
letter-spacing: 1px;
|
|
28
|
+
text-transform: uppercase;
|
|
29
|
+
margin: 20px 0 0;
|
|
30
|
+
color: $text-gray;
|
|
16
31
|
}
|
|
17
32
|
}
|
|
18
33
|
|
|
@@ -45,11 +60,6 @@
|
|
|
45
60
|
}
|
|
46
61
|
|
|
47
62
|
.project-totals {
|
|
48
|
-
h5 {
|
|
49
|
-
font-size: 1.5rem;
|
|
50
|
-
margin-bottom: 1rem;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
63
|
.discount-container {
|
|
54
64
|
margin-bottom: 30px;
|
|
55
65
|
background-color: $light-gray;
|
package/scss/styles.scss
CHANGED