fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Social section responsiveness improved

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-07-22 11:25:34 +03:00
parent 6b558415bb
commit a687fad2f7
2 changed files with 35 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -98,9 +98,9 @@
<div class="footer-column"> <div class="footer-column">
<h1>Kurumsal</h1> <h1>Kurumsal</h1>
<ul> <ul>
<li><a>Misyonumuz</a></li> <li><a href="hakkimizda.html#misyon">Misyonumuz</a></li>
<li><a>Vizyonumuz</a></li> <li><a href="hakkimizda.html#vizyon">Vizyonumuz</a></li>
<li><a>Yönetim</a></li> <li><a href="hakkimizda.html#yonetim">Yönetim</a></li>
<li><a href="aydinlatma.html">KVKK Aydınlatma Metni</a></li> <li><a href="aydinlatma.html">KVKK Aydınlatma Metni</a></li>
<li><a href="kamera.html">Kamera Kullanımı</a></li> <li><a href="kamera.html">Kamera Kullanımı</a></li>
</ul> </ul>

54
resources/css/views/index.scss
View File

@@ -227,34 +227,38 @@ $social-button_inner_margin: 10px;
margin: 30px 0; margin: 30px 0;
} }
.social-button { nav {
display: inline-block; display: flex;
height: $social-button_img_width + (2 * $social-button_inner_margin);
width: auto;
border: 2px solid white;
border-radius: 50%;
margin: 0 10px 0 0;
img { .social-button {
margin: 10px; display: inline-block;
height: $social-button_img_width; height: $social-button_img_width + (2 * $social-button_inner_margin);
width: $social-button_img_width; width: auto;
} border: 2px solid white;
border-radius: 50%;
&:hover { margin: 0 10px 0 0;
background-color: white;
img { img {
filter: brightness(0) saturate(100%) invert(29%) sepia(52%) saturate(2311%) hue-rotate(197deg) brightness(87%) contrast(88%); margin: 10px;
height: $social-button_img_width;
width: $social-button_img_width;
} }
}
&:last-of-type { &:hover {
margin: 0; background-color: white;
}
@include mixins.mx_mobile { img {
margin: 0 0 30px 0; filter: brightness(0) saturate(100%) invert(29%) sepia(52%) saturate(2311%) hue-rotate(197deg) brightness(87%) contrast(88%);
}
}
&:last-of-type {
margin: 0;
}
@include mixins.mx_mobile {
margin: 0 0 30px 0;
}
} }
} }
@@ -266,5 +270,11 @@ $social-button_inner_margin: 10px;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
} }
nav {
.social-button {
margin-right: 10px;
}
}
} }
} }