@rypen-dev/shared-components 5.0.10 → 5.0.12

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rypen-dev/shared-components",
3
3
  "description": "Shared styles and Vuejs ui components for Rypen projects.",
4
- "version": "5.0.10",
4
+ "version": "5.0.12",
5
5
  "main": "./dist/index.js",
6
6
  "scripts": {
7
7
  "build": "webpack --config ./webpack.config.js",
@@ -90,4 +90,39 @@
90
90
  margin-top: 0;
91
91
  margin-bottom: 0;
92
92
  }
93
+ }
94
+
95
+ .product-info-block {
96
+ display: flex;
97
+ align-items: center;
98
+
99
+ .image {
100
+ margin-right: 10px;
101
+ position: relative;
102
+ flex-shrink: 0;
103
+ width: 60px;
104
+ }
105
+
106
+ .product-info {
107
+ strong,
108
+ span,
109
+ small {
110
+ display: block;
111
+ line-height: 1.2;
112
+ }
113
+
114
+ strong {
115
+ font-family: $headline-font-family;
116
+ font-weight: 300;
117
+ }
118
+
119
+ span {
120
+ font-weight: 600;
121
+ color: $text-gray;
122
+ }
123
+
124
+ small {
125
+ font-size: 0.8rem;
126
+ }
127
+ }
93
128
  }
@@ -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
 
@@ -244,6 +244,14 @@ h5 {
244
244
  border-bottom: solid 2px $text-gray;
245
245
  margin-bottom: 0.25rem;
246
246
  }
247
+
248
+ a {
249
+ color: $divider-a-color;
250
+ }
251
+
252
+ span {
253
+ border: 0;
254
+ }
247
255
  }
248
256
 
249
257
  &.divider {
@@ -281,6 +281,14 @@
281
281
  margin-bottom: 0;
282
282
  }
283
283
 
284
+ &.top-card header {
285
+ .button,
286
+ a.callout,
287
+ a.arrow-link {
288
+ margin-right: 30px;
289
+ }
290
+ }
291
+
284
292
  header {
285
293
  margin: 0 -20px 20px;
286
294
  padding: 0 20px 20px;
@@ -404,41 +412,6 @@
404
412
  }
405
413
  }
406
414
 
407
- .product-info-block {
408
- display: flex;
409
- align-items: center;
410
-
411
- .image {
412
- margin-right: 10px;
413
- position: relative;
414
- flex-shrink: 0;
415
- width: 60px;
416
- }
417
-
418
- .product-info {
419
- strong,
420
- span,
421
- small {
422
- display: block;
423
- line-height: 1.2;
424
- }
425
-
426
- strong {
427
- font-family: $headline-font-family;
428
- font-weight: 300;
429
- }
430
-
431
- span {
432
- font-weight: 600;
433
- color: $text-gray;
434
- }
435
-
436
- small {
437
- font-size: 0.8rem;
438
- }
439
- }
440
- }
441
-
442
415
  .item-row,
443
416
  .vertical-split,
444
417
  .table-row {