add solution

mate-academy · May 7, 2024 · 9398494 · 9398494
1 parent d7c2335
commit 9398494
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 12 deletions.
diff --git a/src/images/burger-menu.svg b/src/images/burger-menu.svg
diff --git a/src/images/close.svg b/src/images/close.svg
diff --git a/src/images/dropdown.svg b/src/images/dropdown.svg
diff --git a/src/images/facebook (1).svg b/src/images/facebook (1).svg
diff --git a/src/styles/blocks/_top-bar.scss b/src/styles/blocks/_top-bar.scss
@@ -11,6 +11,7 @@
   &__nav {
     display: flex;
     gap: 40px;
+    align-items: center;
   }
 
   &__button {
@@ -43,18 +44,25 @@
   &__lang {
     display: none;
 
-    &--menu {
+    @include on-desktop {
       display: block;
     }
 
-    @include on-desktop {
+
+    &--menu {
       display: block;
     }
   }
 
   &__button-lang {
     padding-right: 13px;
     position: relative;
+    cursor: pointer;
+    font-family: Raleway, sans-serif;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 150%;
+    color: $white-color;
 
     &::after {
       content: url('../images/dropdown.svg');

diff --git a/src/styles/helpers/_components.scss b/src/styles/helpers/_components.scss
@@ -20,24 +20,31 @@
     background-color: $main-color;
     border: 1px solid $main-color;
     color: $white-color;
+    transition: background-color 0.3s;
 
     &:hover {
       background-color: #af3419;
+      border: 1px solid #af3419;
     }
 
     &:active {
       background-color: #ea340d;
+      border: 1px solid #ea340d;
     }
 
     &:disabled {
       background: #dd836f;
+      border: 1px solid #dd836f;
     }
   }
 
   &--transparent {
     color: $main-color;
     border: 1px solid $main-color;
     text-align: center;
+    transition:
+    background-color 0.3s,
+    color 0.3s;
 
     @include on-tablet {
       padding-left: 32px;
@@ -51,6 +58,7 @@
       content: url('../images/arrow-btn.svg');
       width: 20px;
       height: 20px;
+      transition: all 0.3s;
     }
 
     &:hover {