nueva variación del componente card

nueva variación del componente card como tipo: category-product.
UX-Alkosto · Sep 20, 2021 · a6c5eb4 · a6c5eb4
1 parent d44fe1d
commit a6c5eb4
Show file tree

Hide file tree

Showing 5 changed files with 254 additions and 214 deletions.
diff --git a/components/card/css/index.js b/components/card/css/index.js
@@ -28,6 +28,21 @@ const styles = css`:host{
     padding: .5rem;
     text-align: center;
 }
+:host([type=category-product]) {
+    align-items: end;
+    display: flex;
+    padding: 0 10px;
+}
+:host([type=category-product]) ::slotted(img) {
+    order: 2;
+    margin-left: 25px;
+    width: 30%;
+}
+:host([type=category-product]) ::slotted(h3) {
+    font-weight: normal;
+    order: 1;
+    width: 70%;
+}
 :host([type=icon-item]){
     align-items: center;
     display:flex;
@@ -155,6 +170,9 @@ const styles = css`:host{
     ::slotted(p) {
         display: block;
     }
+    :host([type=category-product]) ::slotted(img) {
+    margin-left: 30px;
+}
 }`;
 
 export { styles };
diff --git a/dist/components.js b/dist/components.js