@appartmint/mint 4.0.2 → 4.0.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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@appartmint/mint",
3
3
  "author": "App Art Mint LLC",
4
- "version": "4.0.2",
4
+ "version": "4.0.4",
5
5
  "license": "MIT",
6
6
  "description": "The front-end TS/SCSS framework of App Art Mint",
7
7
  "keywords": [
@@ -94,7 +94,8 @@
94
94
  box-shadow: none;
95
95
  overflow: visible;
96
96
 
97
- & > #{class(image)} {
97
+ & > #{class(image)},
98
+ & > #{prefix(widget-image)} #{class(image)} {
98
99
  width: calc(50% + css-var(card-padding));
99
100
  height: fit-content;
100
101
  margin-right: calc(css-var(card-padding) * -2);
@@ -119,7 +120,8 @@
119
120
  @include break(sm) {
120
121
  flex-direction: row-reverse;
121
122
 
122
- & > #{class(image)} {
123
+ & > #{class(image)},
124
+ & > #{prefix(widget-image)} #{class(image)} {
123
125
  margin-right: 0;
124
126
  margin-left: calc(css-var(card-padding) * -2);
125
127
  }
@@ -145,6 +147,28 @@
145
147
  }
146
148
  }
147
149
 
150
+ & > #{prefix(widget-image)} {
151
+ #{class(image)} {
152
+ overflow: hidden;
153
+
154
+ @include break(sm) {
155
+ width: 50%;
156
+ }
157
+ }
158
+
159
+ &:only-child {
160
+ #{class(image)} {
161
+ width: 100%;
162
+ }
163
+ }
164
+
165
+ & + #{class(content)} {
166
+ @include break(sm) {
167
+ width: 50%;
168
+ }
169
+ }
170
+ }
171
+
148
172
  #{class(content)} {
149
173
  display: flex;
150
174
  flex-direction: column;
@@ -154,6 +178,7 @@
154
178
  background: css-var(card-back);
155
179
  width: 100%;
156
180
  overflow: hidden;
181
+ z-index: 10;
157
182
 
158
183
  & > * {
159
184
  margin-top: 0;
@@ -179,7 +204,8 @@
179
204
  height: 100%;
180
205
  }
181
206
 
182
- & > #{class(image)} {
207
+ & > #{class(image)},
208
+ & > #{prefix(widget-image)} #{class(image)} {
183
209
  width: 100%;
184
210
  height: 100%;
185
211
  max-width: css-var(card-logo-size);
@@ -301,7 +327,8 @@
301
327
  #{class(card)} {
302
328
  flex-direction: column !important;
303
329
 
304
- & > #{class(image)} {
330
+ & > #{class(image)},
331
+ & > #{prefix(widget-image)} #{class(image)} {
305
332
  overflow: hidden;
306
333
 
307
334
  @include break(sm) {