update

2024-12-30 17:48:25 +01:00
parent bbdfdeec86
commit baaf974140
45 changed files with 269 additions and 102 deletions
--- a/layout/style-scss/drzwi-wejsciowe-szklenie.scss
+++ b/layout/style-scss/drzwi-wejsciowe-szklenie.scss
@@ -0,0 +1,158 @@
+#main-menu {
+  a {
+    text-decoration: none !important;
+  }
+}
+
+.subpage-content {
+  padding-top: 175px;
+
+  h1 {
+    font-family: "URW Form";
+    font-weight: 300;
+    font-size: 50px;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+  }
+
+  h2 {
+    font-family: "URW Form";
+    font-weight: 300;
+    font-size: 34px;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+  }
+
+  h3 {
+    font-family: "URW Form";
+    font-weight: 500;
+    font-style: 24px;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+  }
+}
+
+#scontainer-154 {
+  margin-bottom: 120px;
+
+  #scontainer-154-content {
+    >.row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      column-gap: 180px;
+
+      @media (max-width: 1200px) {
+        column-gap: 100px;
+      }
+
+      @media (max-width: 992px) {
+        column-gap: 50px;
+      }
+
+      @media (max-width: 768px) {
+        grid-template-columns: 1fr;
+
+        >div[class^="col-"]:first-child {
+          margin-bottom: 50px;
+        }
+      }
+
+      >div[class^="col-"] {
+        width: 100%;
+      }
+    }
+  }
+
+  h1 {
+    padding-bottom: 48px;
+    border-bottom: 1px solid #000;
+    max-width: 485px;
+    margin-bottom: 48px;
+
+    @media (max-width: 1200px) {
+      padding-bottom: 32px;
+      margin-bottom: 32px;
+      font-size: 30px;
+    }
+
+    @media (max-width: 992px) {
+      padding-bottom: 16px;
+      margin-bottom: 16px;
+      font-size: 20px;
+    }
+  }
+
+  p {
+    font-family: "URW Form";
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 1.5;
+
+    @media (max-width: 1200px) {
+      font-size: 15px;
+    }
+  }
+}
+
+#scontainer-155 {
+  #scontainer-155-content {
+    >.row {
+      max-width: 1092px;
+      margin: auto;
+    }
+  }
+
+  h2 {
+    padding-bottom: 0;
+    margin: 0;
+  }
+
+  h3 {
+    padding-bottom: 48px;
+    position: relative;
+    padding-top: 48px;
+    margin: 0 0 48px 0;
+
+    &::after {
+      content: "";
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      margin-left: -100px;
+      width: 200px;
+      height: 1px;
+      background-color: #000;
+    }
+  }
+
+  a {
+    display: block;
+    position: relative;
+    width: 100%;
+    max-width: 360px;
+    margin: auto;
+
+    img {
+      width: 100%;
+      max-width: 100% !important;
+    }
+
+    &:hover {
+      &::after {
+        opacity: 1;
+      }
+    }
+
+    &::after {
+      content: "";
+      background: url('/images/icon-magnifying.png') no-repeat center rgba(255, 237, 0, .6);
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      transition: all .3s;
+      opacity: 0;
+    }
+  }
+}