- catalogo avanti, parte 1

src/components/CCatalogoCard/CCatalogoCard.scss

@@ -0,0 +1,208 @@
+.card .product-image {
+  height: 300px;
+}
+
+.text-title {
+  font-size: 0.9rem;
+}
+
+.centeritems {
+  place-content: center;
+}
+
+.prod_price {
+  font-size: 1.25rem;
+
+  @media (max-width: 718px) {
+    font-size: 1.15rem;
+  }
+}
+
+.prod_sale_price {
+  font-size: 1.25rem;
+
+  @media (max-width: 718px) {
+    font-size: 1.15rem;
+  }
+}
+
+.prod_off_price {
+  font-size: 1rem;
+
+  @media (max-width: 718px) {
+    font-size: 0.85rem;
+  }
+
+  color: gray;
+  text-decoration: line-through;
+  padding-left: 5px;
+}
+
+.prod_disp {
+  font-size: 1.2rem;
+
+  @media (max-width: 718px) {
+    font-size: 1rem;
+  }
+}
+
+
+.prod_preorder {
+  font-size: 1.2rem;
+
+  @media (max-width: 718px) {
+    font-size: 1rem;
+  }
+}
+
+.prod_qtywarn {
+  padding-left: 10px;
+  font-size: 1rem;
+  color: grey;
+}
+
+.totali {
+  font-weight: bold;
+  font-size: 1.2rem;
+}
+
+.prod_sconti {
+  font-size: 1.1rem;
+  color: blue;
+}
+
+.product_code {
+  font-size: 0.75rem;
+  color: gray;
+}
+
+.label-qta {
+  font-size: 1.15rem;
+  font-weight: bold;
+}
+
+.countdown_scadenza {
+  font-size: 1.15rem;
+  font-weight: bold;
+}
+
+.subtit_prod {
+  font-style: italic;
+}
+
+.icone_prod {
+  font-size: 1.25rem;
+
+  @media (max-width: 718px) {
+    font-size: 1.15rem;
+  }
+}
+
+.thumbnail {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.fullscreen-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.fullscreen-image {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.titolo_prod {
+  cursor: pointer;
+}
+
+.image-section {
+  justify-content: center;
+}
+
+.card_titolo_prod {
+  text-align: center;
+  padding: 4px 4px 4px 4px;
+  height: 70px;
+}
+
+.image-container {
+  width: 300px;
+  height: 300px;
+  position: relative;
+  overflow: hidden;
+
+  @media (max-width: 718px) {
+    width: 200px;
+    height: 200px;
+  }
+}
+
+.img-pic {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.q-card__section--vert {
+  padding: 4px;
+}
+
+.book-details {
+  margin: 20px;
+}
+
+.book-card {
+  max-width: 300px;
+  background-color: #f8f8f8;
+}
+
+.book-card-section {
+  display: flex;
+}
+
+.book-image {
+  flex: 1;
+}
+
+.book-image q-img {
+  max-width: 100%;
+}
+
+.book-info {
+  flex: 2;
+  padding: 20px;
+}
+
+.book-title {
+  font-family: 'Poppins,sans-serif';
+  font-size: 1rem;
+  line-height: 20px;
+  font-weight: 400;
+  color: #333;
+  display: block;
+  text-align: center;
+}
+
+.book-author {
+  color: #263238;
+  display: block;
+  font-family: Poppins, sans-serif;
+  font-size: 0.85em;
+  font-weight: 400;
+  line-height: 18px;
+  text-align: center;
+}
+
+.book-description {
+  font-size: 0.85rem;
+  color: #777;
+}