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

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;
}
}
}
}