mod-base 1.0.56-beta.2 → 1.0.57

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/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.0.57
4
+
5
+ - Added new classes — `.hidden-in-progress`, `.hidden-in-progress-sm`, `.hidden-in-progress-sm-up`, `.hidden-in-progress-md`, `.hidden-in-progress-md-up`, `.hidden-in-progress-lg`, `.hidden-in-progress-lg-up`, `.hidden-in-progress-xl`, `.hidden-in-progress-xl-up`, `.hidden-in-progress-2xl`, and `.hidden-in-progress-2xl-up`.
6
+
3
7
  ## 1.0.56
4
8
 
5
9
  - Added `.form-in-progress:not(.fixed-width-desktop) .hero__content` to background selectors in dark mode.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.56-beta.2",
3
+ "version": "1.0.57",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
@@ -48,8 +48,16 @@
48
48
  display: block;
49
49
  }
50
50
 
51
- body.no-scroll {
52
- overflow: hidden;
51
+ body {
52
+ &.no-scroll {
53
+ overflow: hidden;
54
+ }
55
+
56
+ &.form-in-progress {
57
+ .hidden-in-progress {
58
+ display: none;
59
+ }
60
+ }
53
61
  }
54
62
 
55
63
  @include breakpoint-sm {
@@ -57,6 +65,15 @@ body.no-scroll {
57
65
  .visible-sm {
58
66
  display: block;
59
67
  }
68
+
69
+ body {
70
+ &.form-in-progress {
71
+ .hidden-in-progress-sm,
72
+ .hidden-in-progress-sm-up {
73
+ display: none;
74
+ }
75
+ }
76
+ }
60
77
  }
61
78
 
62
79
  @include breakpoint-md {
@@ -69,6 +86,19 @@ body.no-scroll {
69
86
  .visible-md {
70
87
  display: block;
71
88
  }
89
+
90
+ body {
91
+ &.form-in-progress {
92
+ .hidden-in-progress-sm {
93
+ display: unset;
94
+ }
95
+
96
+ .hidden-in-progress-md,
97
+ .hidden-in-progress-md-up {
98
+ display: none;
99
+ }
100
+ }
101
+ }
72
102
  }
73
103
 
74
104
  @include breakpoint-lg {
@@ -80,6 +110,19 @@ body.no-scroll {
80
110
  .visible-lg {
81
111
  display: block;
82
112
  }
113
+
114
+ body {
115
+ &.form-in-progress {
116
+ .hidden-in-progress-md {
117
+ display: unset;
118
+ }
119
+
120
+ .hidden-in-progress-lg,
121
+ .hidden-in-progress-lg-up {
122
+ display: none;
123
+ }
124
+ }
125
+ }
83
126
  }
84
127
 
85
128
  @include breakpoint-xl {
@@ -91,6 +134,19 @@ body.no-scroll {
91
134
  .visible-xl {
92
135
  display: block;
93
136
  }
137
+
138
+ body {
139
+ &.form-in-progress {
140
+ .hidden-in-progress-lg {
141
+ display: unset;
142
+ }
143
+
144
+ .hidden-in-progress-xl,
145
+ .hidden-in-progress-xl-up {
146
+ display: none;
147
+ }
148
+ }
149
+ }
94
150
  }
95
151
 
96
152
  @include breakpoint-2xl {
@@ -102,4 +158,17 @@ body.no-scroll {
102
158
  .visible-2xl {
103
159
  display: block;
104
160
  }
161
+
162
+ body {
163
+ &.form-in-progress {
164
+ .hidden-in-progress-xl {
165
+ display: unset;
166
+ }
167
+
168
+ .hidden-in-progress-2xl,
169
+ .hidden-in-progress-2xl-up {
170
+ display: none;
171
+ }
172
+ }
173
+ }
105
174
  }