Add button feature

2025-08-14 13:01:01 +02:00
commit bd567d0788
7 changed files with 196 additions and 0 deletions
--- a/style.less
+++ b/style.less
@@ -0,0 +1,53 @@
+.idm-products-banner__qty {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    align-items: center;
+    gap: 1rem;
+}
+
+.idm-products-banner__qty-input {
+    height: 4rem;
+    text-align: center;
+    border: 1px solid #ccc;
+    width: 60%;
+    max-width: unset;
+    min-width: unset;
+}
+
+.idm-products-banner__qty button {
+    background: #000;
+    height: 4rem;
+    width: 4rem;
+    color: #fff;
+    border-radius: 0.5rem;
+    min-width: 4rem;
+}
+
+.idm-products-banner__add-to-basket {
+    display: flex;
+    align-items: end;
+    flex-direction: column;
+    width: 80%;
+    margin: 0 auto;
+}
+
+.btn.--solid.--medium.idm-products-banner__add-to-basket-button {
+    height: 4rem;
+    background: #000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid #000;
+}
+
+.btn.--solid.--medium.idm-products-banner__add-to-basket-link {
+    width: 100%;
+    height: 4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #000;
+    border: 1px solid #000;
+    margin-top: auto;
+}