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">
<h1>Kurumsal</h1>
<ul>
<li><a>Misyonumuz</a></li>
<li><a>Vizyonumuz</a></li>
<li><a>Yönetim</a></li>
<li><a href="hakkimizda.html#misyon">Misyonumuz</a></li>
<li><a href="hakkimizda.html#vizyon">Vizyonumuz</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="kamera.html">Kamera Kullanımı</a></li>
</ul>

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

@@ -227,34 +227,38 @@ $social-button_inner_margin: 10px;
margin: 30px 0;
}
.social-button {
display: inline-block;
height: $social-button_img_width + (2 * $social-button_inner_margin);
width: auto;
border: 2px solid white;
border-radius: 50%;
margin: 0 10px 0 0;
nav {
display: flex;
img {
margin: 10px;
height: $social-button_img_width;
width: $social-button_img_width;
}
&:hover {
background-color: white;
.social-button {
display: inline-block;
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 {
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 {
margin: 0;
}
&:hover {
background-color: white;
@include mixins.mx_mobile {
margin: 0 0 30px 0;
img {
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;
text-align: center;
}
nav {
.social-button {
margin-right: 10px;
}
}
}
}