Răsfoiți Sursa

Наколдовал блок header

DevVad 3 ani în urmă
părinte
comite
13ac8b6c2c
2 a modificat fișierele cu 54 adăugiri și 15 ștergeri
  1. 39 0
      src/assets/styles/blocks/header.styl
  2. 15 15
      src/templates/blocks/header/header.pug

+ 39 - 0
src/assets/styles/blocks/header.styl

@@ -0,0 +1,39 @@
+.header
+    display flex
+    padding-left 135px
+    padding-right 135px
+    padding-top 16px
+    padding-bottom 64px
+    background-color #F7F2E2
+
+.header__icon
+    margin auto
+
+.header__logo
+    width 133px
+    height 48px
+    margin-left 16px
+
+.header__menu
+    height 48px
+    width 48px
+    border-radius 50%
+    background-color white
+    border none
+
+.header__social-icon
+    display flex
+    height 48px
+    width 48px
+    border-radius 50%
+    background-color white
+    border none
+    margin-right 8px
+    &:last-child
+        margin-right 0
+
+.header__social-icons
+    display flex
+    margin auto
+    margin-right 0
+    flex-direction row

+ 15 - 15
src/templates/blocks/header/header.pug

@@ -1,16 +1,16 @@
 mixin header()
-+b.header.header
-  +b.nav
-    +e.button.header__menu(type='submit')
-      img(src='../../../assets/images/header/menu.svg')
-  img.header__logo(src='./images/header/logo.svg' alt='Logo ARCH')
-  +b.nav.header__social-icons
-    +e.header__social-icon
-      a.header__icon(target='_blank' href='#')
-        img(src='../../../assets/images/header/facebook.svg' alt='Facebook')
-    +e.header__social-icon
-      a.header__icon(target='_blank' href='#')
-        img(src='../../../assets/images/header/twitter.svg' alt='Twitter')
-    +e.header__social-icon
-      a.header__icon(target='_blank' href='#')
-        img(src='../../../assets/images/header/instagram.svg' alt='Instagram')
+  +b.header.header
+    +b.nav
+      +e.button.header__menu(type='submit')
+        img(src='../../../assets/images/header/menu.svg')
+    img.header__logo(src='../../../assets/images/header/logo.svg' alt='Logo ARCH')
+    +b.nav.header__social-icons
+      +e.header__social-icon
+        a.header__icon(target='_blank' href='#')
+          img(src='assets/images/header/facebook.svg' alt='Facebook')
+      +e.header__social-icon
+        a.header__icon(target='_blank' href='#')
+          img(src='../../../assets/images/header/twitter.svg' alt='Twitter')
+      +e.header__social-icon
+        a.header__icon(target='_blank' href='#')
+          img(src='../../../assets/images/header/instagram.svg' alt='Instagram')