barbican-reset 1.4.3 → 1.4.4

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.
@@ -73,6 +73,8 @@ export default {
73
73
 
74
74
  <style lang="scss" module>
75
75
 
76
+ @import "../helpers/mixins/index.scss";
77
+
76
78
  .svg {
77
79
  fill: white;
78
80
  }
@@ -91,18 +93,18 @@ export default {
91
93
  }
92
94
 
93
95
  .image {
96
+ @include inset(0);
94
97
  position: absolute;
95
98
  height: auto;
96
99
  width: 100%;
97
- inset: 0;
98
100
  }
99
101
 
100
102
  .title {
103
+ @include inset(0);
101
104
  background-color: rgba($c-grey-midnight, 0.85);
102
105
  place-items: center;
103
106
  position: absolute;
104
107
  display: grid;
105
- inset: 0;
106
108
  }
107
109
 
108
110
  .component.hero {
@@ -24,6 +24,8 @@ export default {
24
24
 
25
25
  <style lang="scss" module>
26
26
 
27
+ @import "../helpers/mixins/index.scss";
28
+
27
29
  .component {
28
30
  border-radius: $border-radius-lg;
29
31
  padding-top: 56.25%;
@@ -33,7 +35,7 @@ export default {
33
35
 
34
36
  .component > iframe {
35
37
  position: absolute;
36
- inset: 0;
38
+ @include inset(0);
37
39
  }
38
40
 
39
41
  </style>
@@ -1,5 +1,13 @@
1
1
  // paths more explicit for gulp-sass
2
2
  @import "~bourbon/core/bourbon.scss";
3
+
4
+ @mixin inset($val: 0) {
5
+ bottom: $val;
6
+ right: $val;
7
+ left: $val;
8
+ top: $val;
9
+ }
10
+
3
11
  @import "account/orders.scss";
4
12
  @import "basket.scss";
5
13
  @import "buttons.scss";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "barbican-reset",
3
- "version": "1.4.3",
3
+ "version": "1.4.4",
4
4
  "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -66,7 +66,7 @@ table.preferences {
66
66
 
67
67
  input[type=radio] {
68
68
  position: relative;
69
- inset: auto;
69
+ @include inset(auto);
70
70
  }
71
71
  }
72
72
  }