@appartmint/mint 4.0.0 → 4.0.3
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/dist/css/mint.css +139 -16
- package/dist/css/mint.css.map +1 -1
- package/dist/css/mint.min.css +1 -1
- package/dist/css/mint.min.css.map +1 -1
- package/package.json +1 -1
- package/src/scss/imports/components/widget/_button.scss +13 -0
- package/src/scss/imports/components/widget/_card.scss +14 -5
- package/src/scss/imports/global/_structure.scss +7 -0
package/package.json
CHANGED
|
@@ -295,3 +295,16 @@ p {
|
|
|
295
295
|
}
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
|
+
|
|
299
|
+
#{class(link)} {
|
|
300
|
+
border: none;
|
|
301
|
+
background: none;
|
|
302
|
+
text-decoration: underline;
|
|
303
|
+
color: css-var($link-color);
|
|
304
|
+
transition: color 0.3s ease;
|
|
305
|
+
cursor: pointer;
|
|
306
|
+
|
|
307
|
+
@include states(hover, focus, active, mint-active) {
|
|
308
|
+
color: css-var($link-color-hover);
|
|
309
|
+
}
|
|
310
|
+
}
|
|
@@ -28,6 +28,10 @@
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
+
@include break(md) {
|
|
32
|
+
align-items: flex-start;
|
|
33
|
+
}
|
|
34
|
+
|
|
31
35
|
&:has(#{class(carousel)}) {
|
|
32
36
|
box-shadow: none;
|
|
33
37
|
|
|
@@ -90,7 +94,8 @@
|
|
|
90
94
|
box-shadow: none;
|
|
91
95
|
overflow: visible;
|
|
92
96
|
|
|
93
|
-
& > #{class(image)}
|
|
97
|
+
& > #{class(image)},
|
|
98
|
+
& > #{prefix(widget-image)} #{class(image)} {
|
|
94
99
|
width: calc(50% + css-var(card-padding));
|
|
95
100
|
height: fit-content;
|
|
96
101
|
margin-right: calc(css-var(card-padding) * -2);
|
|
@@ -115,7 +120,8 @@
|
|
|
115
120
|
@include break(sm) {
|
|
116
121
|
flex-direction: row-reverse;
|
|
117
122
|
|
|
118
|
-
& > #{class(image)}
|
|
123
|
+
& > #{class(image)},
|
|
124
|
+
& > #{prefix(widget-image)} #{class(image)} {
|
|
119
125
|
margin-right: 0;
|
|
120
126
|
margin-left: calc(css-var(card-padding) * -2);
|
|
121
127
|
}
|
|
@@ -123,7 +129,8 @@
|
|
|
123
129
|
}
|
|
124
130
|
}
|
|
125
131
|
|
|
126
|
-
& > #{class(image)}
|
|
132
|
+
& > #{class(image)},
|
|
133
|
+
& > #{prefix(widget-image)} #{class(image)} {
|
|
127
134
|
overflow: hidden;
|
|
128
135
|
|
|
129
136
|
@include break(sm) {
|
|
@@ -175,7 +182,8 @@
|
|
|
175
182
|
height: 100%;
|
|
176
183
|
}
|
|
177
184
|
|
|
178
|
-
& > #{class(image)}
|
|
185
|
+
& > #{class(image)},
|
|
186
|
+
& > #{prefix(widget-image)} #{class(image)} {
|
|
179
187
|
width: 100%;
|
|
180
188
|
height: 100%;
|
|
181
189
|
max-width: css-var(card-logo-size);
|
|
@@ -297,7 +305,8 @@
|
|
|
297
305
|
#{class(card)} {
|
|
298
306
|
flex-direction: column !important;
|
|
299
307
|
|
|
300
|
-
& > #{class(image)}
|
|
308
|
+
& > #{class(image)},
|
|
309
|
+
& > #{prefix(widget-image)} #{class(image)} {
|
|
301
310
|
overflow: hidden;
|
|
302
311
|
|
|
303
312
|
@include break(sm) {
|