feat: added header adaptive

2024-06-30 01:07:59 +03:00
parent 8653542a07
commit 086f0099ba
26 changed files with 387 additions and 9 deletions
--- a/assets/scss/_m-social-link.scss
+++ b/assets/scss/_m-social-link.scss
@@ -6,6 +6,11 @@
  background-position: center;
  background-repeat: no-repeat;

+  @include laptop {
+    height: 23px;
+    width: 23px;
+  }
+
  &--whatsapp {
    background-image: url(../img/icons/whatsapp.svg);
    background-color: #2aa81a;
@@ -27,9 +32,31 @@
  &--phone {
    width: auto;
    height: auto;
-    margin-left: 17px;
    font-weight: 600;
    font-size: 24px;
    color: $black;
+
+    @include desktop {
+      font-size: 20px;
+    }
+
+    @include laptop {
+      background-color: $blue;
+      background-image: url(../img/icons/phone.svg);
+      height: 23px;
+      width: 23px;
+    }
+
+    &:active {
+      @include laptop {
+        background-color: $darkblue;
+      }
+    }
+
+    & > * {
+      @include laptop {
+        display: none;
+      }
+    }
  }
 }