Commit e282325d authored by Sergey's avatar Sergey

Add style header

parent 20df376a
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
.header__contacts-list{ .header__contacts-list{
display: flex; display: flex;
height: 100%;
padding-left: 0; padding-left: 0;
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
...@@ -11,6 +12,21 @@ ...@@ -11,6 +12,21 @@
.header__contacts-item{ .header__contacts-item{
padding: 0 15px; padding: 0 15px;
height: 100%;
display: flex;
align-items: center;
position: relative;
&:after{
content: "";
display: inline-block;
width: 1px;
height: 60%;
position: absolute;
left: 0;
bottom: 0;
transform: translateY(0%);
background: $white-text;
}
} }
.header__mail-ico{ .header__mail-ico{
......
...@@ -3,7 +3,8 @@ ...@@ -3,7 +3,8 @@
.header{ .header{
background: $red-color; background: $red-color;
position: relative; position: relative;
height: 75px; height: 68px;
padding-bottom: 7px;
display: flex; display: flex;
&:after{ &:after{
content: ""; content: "";
...@@ -17,6 +18,10 @@ ...@@ -17,6 +18,10 @@
} }
} }
.header__bl{
height: 100%;
}
.header__wrapper{ .header__wrapper{
display: flex; display: flex;
padding: 0 20px; padding: 0 20px;
......
@import "../../settings/color"; @import "../../settings/color";
.header__nav{
height: 100%;
}
.nav__list{ .nav__list{
display: flex; display: flex;
height: 100%;
padding-left: 0; padding-left: 0;
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment