@florid-kit/components 0.9.35 → 0.9.36
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/index.js +9 -4
- package/index.mjs +9 -4
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2809,18 +2809,23 @@
|
|
|
2809
2809
|
${this.hoverUrl?l`<img src="${this.hoverUrl}" alt="${this.hoverAlt||this.imageAlt}" class="card-img hover" loading="lazy" />`:""}
|
|
2810
2810
|
</div>`}};nt.styles=v`
|
|
2811
2811
|
:host {
|
|
2812
|
+
--card-width : 175px;
|
|
2813
|
+
--card-height : 260px;
|
|
2814
|
+
--card-width-mobile: 100px;
|
|
2815
|
+
--card-height-mobile: 153px;
|
|
2816
|
+
|
|
2812
2817
|
.card {
|
|
2813
2818
|
position: relative;
|
|
2814
|
-
width:
|
|
2815
|
-
height:
|
|
2819
|
+
width: var(--card-width);
|
|
2820
|
+
height: var(--card-height);
|
|
2816
2821
|
overflow: hidden;
|
|
2817
2822
|
background-color: var(--colors-noir-des-terres-500);
|
|
2818
2823
|
clip-path: url(#arch-gift-finder);
|
|
2819
2824
|
-webkit-clip-path: url(#arch-gift-finder);
|
|
2820
2825
|
|
|
2821
2826
|
@media (max-width: 1024px) {
|
|
2822
|
-
width:
|
|
2823
|
-
height:
|
|
2827
|
+
width: var(--card-width-mobile);
|
|
2828
|
+
height: var(--card-height-mobile);
|
|
2824
2829
|
}
|
|
2825
2830
|
}
|
|
2826
2831
|
|
package/index.mjs
CHANGED
|
@@ -5144,18 +5144,23 @@ let nt = class extends p {
|
|
|
5144
5144
|
};
|
|
5145
5145
|
nt.styles = v`
|
|
5146
5146
|
:host {
|
|
5147
|
+
--card-width : 175px;
|
|
5148
|
+
--card-height : 260px;
|
|
5149
|
+
--card-width-mobile: 100px;
|
|
5150
|
+
--card-height-mobile: 153px;
|
|
5151
|
+
|
|
5147
5152
|
.card {
|
|
5148
5153
|
position: relative;
|
|
5149
|
-
width:
|
|
5150
|
-
height:
|
|
5154
|
+
width: var(--card-width);
|
|
5155
|
+
height: var(--card-height);
|
|
5151
5156
|
overflow: hidden;
|
|
5152
5157
|
background-color: var(--colors-noir-des-terres-500);
|
|
5153
5158
|
clip-path: url(#arch-gift-finder);
|
|
5154
5159
|
-webkit-clip-path: url(#arch-gift-finder);
|
|
5155
5160
|
|
|
5156
5161
|
@media (max-width: 1024px) {
|
|
5157
|
-
width:
|
|
5158
|
-
height:
|
|
5162
|
+
width: var(--card-width-mobile);
|
|
5163
|
+
height: var(--card-height-mobile);
|
|
5159
5164
|
}
|
|
5160
5165
|
}
|
|
5161
5166
|
|