Paleta de colores para SASS

resources/assets/sass/producto.scss

@@ -0,0 +1,104 @@
+@import 'pallete';
+
+#producto {
+  background-color: $gris-medio;
+  padding-bottom: 2rem;
+
+  .titulo {
+    color: $azul-oscuro !important;
+    .header {
+      color: $azul-oscuro !important;
+    }
+    .direccion {
+      padding-left: 2rem;
+    }
+    .publicado {
+      padding-top: .5rem;
+    }
+    padding-bottom: 1rem;
+  }
+
+  #galeria {
+    padding-bottom: 4rem;
+
+    &>.image {
+      height: 53rem;
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      img {
+        width: 100%;
+        vertical-align: middle;
+      }
+    }
+
+    #thumbnails {
+      padding-top: 2rem;
+
+      .image {
+        height: 8rem;
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        img {
+          width: 100%;
+          vertical-align: middle;
+        }
+      }
+    }
+  }
+  #buscar {
+    color: #404041 !important;
+    padding-top: 2rem;
+
+    .header {
+      color: inherit;
+    }
+    .divider {
+      background-color: white;
+    }
+    .field {
+      input[type='text'] {
+        background-color: inherit !important;
+      }
+    }
+    .slider {
+      .track-fill {
+        background-color: #0d103c !important;
+      }
+    }
+    .price_label {
+      margin-top: -1rem;
+      float: right;
+    }
+  }
+  #datos {
+    .tabular {
+      .item {
+        background-color: $gris-claro !important;
+        border: thin solid white;
+
+        &:not(.active) {
+          border: thin solid $gris-claro;
+          background-color: white !important;
+        }
+        &:last-child {
+          margin-left: 1rem;
+        }
+      }
+    }
+    .segment {
+      border: none !important;
+
+      .informacion {
+        .row {
+          border-bottom: thin dotted white;
+
+          &:last-child {
+            border-bottom: none;
+          }
+        }
+      }
+    }
+  }
+}