Save

layout/style-scss/porte.scss

@@ -0,0 +1,119 @@
+@import '_mixins';
+@import '_variables';
+
+.banner-mini {
+	margin-bottom: 120px;
+}
+
+#scontainer-61 {
+	.product-preview {
+		.row {
+			&:nth-child(1) {
+				margin-bottom: 60px;
+			}
+			&:nth-child(2) {
+				align-items: center;
+			}
+		}
+		p {
+			font-size: 14px;
+			font-weight: 300;
+			text-align: center;
+		}
+
+		table {
+			width: 100%;
+			margin-bottom: 15px;
+
+			thead {
+				tr {
+					th {
+						font-family: Alegreya Sans;
+						font-size: 16px;
+						font-style: normal;
+						font-weight: 300;
+						line-height: 24px;
+						letter-spacing: 0em;
+						text-align: center;
+						color: #fff;
+						background: #000;
+						text-transform: uppercase;
+						padding: 8px 15px;
+
+						&:empty {
+							visibility: hidden;
+						}
+
+						&:blank {
+							visibility: hidden;
+						}
+
+						&:first-child {
+							visibility: hidden;
+						}
+
+						@include respond-below(xs) {
+							padding: 8px 5px;
+						}
+					}
+				}
+			}
+
+			tbody {
+				border: 1px solid #000;
+				padding-left: 20px;
+
+				tr {
+					&:first-child {
+						td {
+							padding-top: 100px;
+
+							@include respond-between(sm, md) {
+								padding-top: 50px;
+							}
+
+							@include respond-below(sm) {
+								padding-top: 50px;
+							}
+						}
+					}
+
+					&:last-child {
+						td {
+							padding-bottom: 100px;
+
+							@include respond-between(sm, md) {
+								padding-bottom: 50px;
+							}
+
+							@include respond-below(sm) {
+								padding-bottom: 50px;
+							}
+						}
+					}
+
+					td {
+						padding: 10px 20px;
+						font-size: 14px;
+						font-weight: 500;
+
+						@include respond-below(xs) {
+							padding: 10px 10px;
+						}
+
+						text-align: center;
+
+						&:first-child {
+							text-align: left;
+						}
+
+						img {
+							width: 20px;
+							height: 20px;
+						}
+					}
+				}
+			}
+		}
+	}
+}