Footer responsiveness chek

This commit is contained in:
Ferit Yiğit BALABAN
2022-05-18 14:56:47 +03:00
parent fc88c127d4
commit d214feca71
5 changed files with 74 additions and 6 deletions

View File

@@ -1,5 +1,5 @@
@use "../variables.scss";
@use "../mixins.scss";
#footer {
background: variables.$clr_footer;
@@ -17,10 +17,18 @@
margin: 0 20px 0 0;
h2 {
font: 22px "Montserrat", sans-serif;
font: variables.$sz_l_footer_h "Montserrat", sans-serif;
font-weight: 600;
color: white;
margin-bottom: 0;
@include mixins.footer_overflow {
font-size: variables.$sz_m_footer_h;
}
@include mixins.footer_overflow2 {
font-size: variables.$sz_s_footer_h;
}
}
hr {
@@ -38,6 +46,14 @@
&:hover {
color: variables.$clr_footer_active;
}
@include mixins.footer_overflow {
font-size: variables.$sz_m_footer_p;
}
@include mixins.footer_overflow2 {
font-size: variables.$sz_s_footer_p;
}
}
.footer-social {
@@ -63,6 +79,14 @@
font-weight: 500;
color: inherit;
margin: 0;
@include mixins.footer_overflow {
font-size: variables.$sz_m_footer_p;
}
@include mixins.footer_overflow2 {
font-size: variables.$sz_s_footer_p;
}
}
&:last-of-type {