From 6b558415bb79ac59d5543c4014a6b3c7486779a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Fri, 22 Jul 2022 11:00:58 +0300
Subject: [PATCH] Make iletisim.html responsive

---
 resources/css/mixins.scss         | 18 ++++++++++
 resources/css/overflow.scss       |  6 +++-
 resources/css/views/iletisim.scss | 58 +++++++++++++++++++++++++++++--
 3 files changed, 78 insertions(+), 4 deletions(-)

diff --git a/resources/css/mixins.scss b/resources/css/mixins.scss
index ddd8326..07fdd9e 100644
--- a/resources/css/mixins.scss
+++ b/resources/css/mixins.scss
@@ -71,4 +71,22 @@
   @media screen and (max-width: overflow.$kamera_sec_links-to-documents2) {
     @content;
   }
+}
+
+@mixin mx_iletisim_sec_information {
+  @media screen and (max-width: overflow.$iletisim_sec_information) {
+    @content;
+  }
+}
+
+@mixin mx_iletisim_sec_information2 {
+  @media screen and (max-width: overflow.$iletisim_sec_information2) {
+    @content;
+  }
+}
+
+@mixin mx_iletisim_sec_information3 {
+  @media screen and (max-width: overflow.$iletisim_sec_information3) {
+    @content;
+  }
 }
\ No newline at end of file
diff --git a/resources/css/overflow.scss b/resources/css/overflow.scss
index c393ac2..e2a5d24 100644
--- a/resources/css/overflow.scss
+++ b/resources/css/overflow.scss
@@ -1,2 +1,6 @@
 $kamera_sec_links-to-documents: 1215px;
-$kamera_sec_links-to-documents2: 610px;
\ No newline at end of file
+$kamera_sec_links-to-documents2: 610px;
+
+$iletisim_sec_information: 1235px;
+$iletisim_sec_information2: 1170px;
+$iletisim_sec_information3: 490px;
\ No newline at end of file
diff --git a/resources/css/views/iletisim.scss b/resources/css/views/iletisim.scss
index 694dd74..2913325 100644
--- a/resources/css/views/iletisim.scss
+++ b/resources/css/views/iletisim.scss
@@ -1,4 +1,5 @@
-@use "../variables.scss";
+@use "../variables";
+@use "../mixins";
 
 h1 {
   margin: 0;
@@ -28,28 +29,70 @@ a {
   font: 500 24px "Montserrat", sans-serif;
 
   .contact, .location {
+    width: 100%;
     display: flex;
+    flex: 1;
     flex-direction: column;
     align-items: flex-start;
-    width: 50%;
 
     h1 {
       font: 600 48px "Montserrat", sans-serif;
+
+      @include mixins.mx_iletisim_sec_information {
+        font-size: 40px;
+      }
+
+      @include mixins.mx_iletisim_sec_information2 {
+        font-size: 48px;
+      }
+
+      @include mixins.mx_iletisim_sec_information3 {
+        font-size: 36px;
+      }
     }
 
     h2 {
       font: 600 40px "Montserrat", sans-serif;
       margin: 0.5em 0 0 0;
+
+      @include mixins.mx_iletisim_sec_information {
+        font-size: 32px;
+      }
+
+      @include mixins.mx_iletisim_sec_information2 {
+        font-size: 40px;
+      }
+
+      @include mixins.mx_iletisim_sec_information3 {
+        font-size: 28px;
+      }
     }
 
     h3 {
       font: 600 32px "Montserrat", sans-serif;
       margin: 0.5em 0 0.25em 0;
+
+      @include mixins.mx_iletisim_sec_information {
+        font-size: 24px;
+      }
+
+      @include mixins.mx_iletisim_sec_information2 {
+        font-size: 32px;
+      }
+
+
+      @include mixins.mx_iletisim_sec_information3 {
+        font-size: 18px;
+      }
     }
   }
 
   .contact {
-    margin: 0 50px 0 0;
+    margin: 0 2vw 0 0;
+
+    @include mixins.mx_iletisim_sec_information2 {
+      margin: 0 0 2vh 0;
+    }
   }
 
   .click-call, .click-pm{
@@ -67,6 +110,15 @@ a {
     //noinspection CssInvalidPropertyValue
     width: -webkit-fill-available;
     border: solid 1px black;
+  }
 
+  @include mixins.mx_iletisim_sec_information2 {
+    flex-direction: column;
+    align-items: center;
+    font-size: 24px;
+  }
+
+  @include mixins.mx_iletisim_sec_information3 {
+    font-size: 16px;
   }
 }
\ No newline at end of file