Improve font sizing on hakkimizda.html

This commit is contained in:
Ferit Yiğit BALABAN
2022-07-30 17:50:39 +03:00
parent c20450c16d
commit 0a62cbff25
3 changed files with 34 additions and 6 deletions

View File

@@ -95,4 +95,10 @@
@media (hover: hover) and (pointer: fine) {
@content;
}
}
@mixin mx_hakkimizda_text-area {
@media screen and (max-width: overflow.$hakkimizda_sec_text-area) {
@content;
}
}

View File

@@ -3,4 +3,6 @@ $kamera_sec_links-to-documents2: 610px;
$iletisim_sec_information: 1235px;
$iletisim_sec_information2: 1170px;
$iletisim_sec_information3: 490px;
$iletisim_sec_information3: 490px;
$hakkimizda_sec_text-area: 1700px;

View File

@@ -6,14 +6,9 @@
h1 {
margin: 0 0 1em 0;
font: 600 2.5vw "Montserrat", sans-serif;
color: black;
}
p {
font: 500 1.25vw "Montserrat", sans-serif;
}
ul {
list-style-position: inside;
font-size: 1vw;
@@ -31,4 +26,29 @@
width: 100% !important;
height: auto !important;
}
}
#hikaye {
section {
display: flex;
align-items: center;
figure {
img {
height: 25vw;
}
figcaption {
font: 500 1.25vh "Montserrat", sans-serif;
}
}
@include mixins.mx_hakkimizda_text-area {
flex-direction: column-reverse;
}
}
.text-area {
flex-direction: column;
}
}