From 3544972bcb08020a10ede1876bbe99872f7bfe92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Fri, 22 Jul 2022 00:44:19 +0300
Subject: [PATCH] Finalize .links-to-documents

---
 kamera.html                     |  6 ++--
 resources/css/mixins.scss       | 13 ++++++++
 resources/css/views/kamera.scss | 54 +++++++++++++++++++++++++++++++++
 3 files changed, 70 insertions(+), 3 deletions(-)
 create mode 100644 resources/css/views/kamera.scss

diff --git a/kamera.html b/kamera.html
index cd46a9e..2a897db 100644
--- a/kamera.html
+++ b/kamera.html
@@ -46,8 +46,8 @@
     <a class="dropdown-nav-item hidden" href="iletisim.html">İletişim</a>
 </nav>
 <div id="container">
-    <main id="content" class="content-spacing">
-        <article>
+    <main id="content">
+        <article class="content-spacing">
             <h1>UĞUR KOÇAK TREYLER, MOTORLU ARAÇLAR ALIM SATIMI VE KOMİSYONCULUĞU, NAKLİYE TİCARET VE SANAYİ LİMİTED
                 ŞİRKETİNDE KAPALI DEVRE KAMERA KAYIT SİSTEMLERİ AYDINLATMA METNİ</h1>
 
@@ -108,7 +108,7 @@
                 Politikası’nda belirtilen yöntemlerle iletilmesi halinde 30 (otuz) gün içerisinde değerlendirilerek
                 sonuçlandırılacaktır.</p>
         </article>
-        <section class="sec-links-to-documents">
+        <section class="sec-links-to-documents content-spacing">
             <h1>KVKK Aydınlatma Metnini okumak için <a href="aydinlatma.html">tıklayınız</a>.</h1>
             <h1>Diğer belgelere ulaşmak için <a href="aydinlatma.html#belgeler">tıklayınız</a>.</h1>
         </section>
diff --git a/resources/css/mixins.scss b/resources/css/mixins.scss
index d9ae07b..ddd8326 100644
--- a/resources/css/mixins.scss
+++ b/resources/css/mixins.scss
@@ -1,4 +1,5 @@
 @use "variables.scss";
+@use "overflow";
 
 @mixin footer_overflow {
   @media screen and (max-width: variables.$footer_overflow) {
@@ -58,4 +59,16 @@
   @media screen and (max-width: variables.$aydinlatma_documents_fix2) {
     @content;
   }
+}
+
+@mixin mx_kamera_sec-links-to-documents {
+  @media screen and (max-width: overflow.$kamera_sec_links-to-documents) {
+    @content;
+  }
+}
+
+@mixin mx_kamera_sec-links-to-documents2 {
+  @media screen and (max-width: overflow.$kamera_sec_links-to-documents2) {
+    @content;
+  }
 }
\ No newline at end of file
diff --git a/resources/css/views/kamera.scss b/resources/css/views/kamera.scss
new file mode 100644
index 0000000..ccd7057
--- /dev/null
+++ b/resources/css/views/kamera.scss
@@ -0,0 +1,54 @@
+@use "../variables";
+@use "../mixins";
+
+.sec-links-to-documents {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: variables.$clr_brand_gradient;
+
+  h1 {
+    font: 500 32px "Montserrat", sans-serif;
+
+    a {
+      background: variables.$cg_drawer_navitem;
+      -webkit-background-clip: text;
+      //noinspection CssInvalidPropertyValue
+      background-clip: text;
+      color: transparent;
+      font: 700 33px "Montserrat", sans-serif;
+
+      &:hover {
+        color: black;
+      }
+
+      &:active {
+        background: variables.$cg_drawer_navitem2;
+        -webkit-background-clip: text;
+        //noinspection CssInvalidPropertyValue
+        background-clip: text;
+        color: transparent;
+      }
+    }
+
+    &:first-of-type {
+      margin: 0 0 2.5vh 0;
+    }
+
+    @include mixins.mx_kamera_sec-links-to-documents {
+      font-size: 22px;
+
+      a {
+        font-size: 23px;
+      }
+    }
+
+    @include mixins.mx_kamera_sec-links-to-documents2 {
+      font-size: 12px;
+
+      a {
+        font-size: 13px;
+      }
+    }
+  }
+}
\ No newline at end of file