@rypen-dev/shared-components 2.1.85 → 2.1.87

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": "2.1.85",
4
+ "version": "2.1.87",
5
5
  "main": "./dist/index.js",
6
6
  "scripts": {
7
7
  "build": "webpack --config ./webpack.config.js",
@@ -52,7 +52,7 @@
52
52
  }
53
53
 
54
54
  .small-single-space {
55
- @media screen and (max-width: map-get($breakpoints, medium) - 1px) {
55
+ @media screen and (max-width: (map-get($breakpoints, medium) - 1px)) {
56
56
  margin-bottom: 20px !important;
57
57
  }
58
58
  }
@@ -64,7 +64,7 @@
64
64
  }
65
65
 
66
66
  .small-single-space-top {
67
- @media screen and (max-width: map-get($breakpoints, medium) - 1px) {
67
+ @media screen and (max-width: (map-get($breakpoints, medium) - 1px)) {
68
68
  margin-top: 20px !important;
69
69
  }
70
70
  }
@@ -76,7 +76,7 @@
76
76
  }
77
77
 
78
78
  .small-double-space {
79
- @media screen and (max-width: map-get($breakpoints, medium) - 1px) {
79
+ @media screen and (max-width: (map-get($breakpoints, medium) - 1px)) {
80
80
  margin-bottom: 40px !important;
81
81
  }
82
82
  }
@@ -88,13 +88,13 @@
88
88
  }
89
89
 
90
90
  .medium-only-double-space {
91
- @media print, screen and (min-width: map-get($breakpoints, medium) and (max-width: map-get($breakpoints, large) - 1px)) {
91
+ @media print, screen and (min-width: map-get($breakpoints, medium)) and (max-width: (map-get($breakpoints, large) - 1px)) {
92
92
  margin-bottom: 40px !important;
93
93
  }
94
94
  }
95
95
 
96
96
  .small-double-space-top {
97
- @media screen and (max-width: map-get($breakpoints, medium) - 1px) {
97
+ @media screen and (max-width: (map-get($breakpoints, medium) - 1px)) {
98
98
  margin-top: 40px !important;
99
99
  }
100
100
  }
@@ -106,7 +106,7 @@
106
106
  }
107
107
 
108
108
  .small-triple-space {
109
- @media screen and (max-width: map-get($breakpoints, medium) - 1px) {
109
+ @media screen and (max-width: (map-get($breakpoints, medium) - 1px)) {
110
110
  margin-bottom: 60px !important;
111
111
  }
112
112
  }
@@ -118,7 +118,7 @@
118
118
  }
119
119
 
120
120
  .small-half-space {
121
- @media screen and (max-width: map-get($breakpoints, medium) - 1px) {
121
+ @media screen and (max-width: (map-get($breakpoints, medium) - 1px)) {
122
122
  margin-bottom: 10px !important;
123
123
  }
124
124
  }
@@ -130,7 +130,7 @@
130
130
  }
131
131
 
132
132
  .small-half-space-top {
133
- @media screen and (max-width: map-get($breakpoints, medium) - 1px) {
133
+ @media screen and (max-width: (map-get($breakpoints, medium) - 1px)) {
134
134
  margin-top: 10px !important;
135
135
  }
136
136
  }
@@ -411,6 +411,10 @@ small,
411
411
  color: $tertiary;
412
412
  }
413
413
 
414
+ .color-quaternary {
415
+ color: $quaternary;
416
+ }
417
+
414
418
  .color-body-color,
415
419
  .color-rypen-black {
416
420
  color: $body-font-color;