сделал main-menu

This commit is contained in:
Kirill Pet
2024-10-04 17:48:33 +03:00
parent 3a612da230
commit f10ce31722
4 changed files with 91 additions and 34 deletions

View File

@@ -98,6 +98,7 @@
/* text */
--text-white: #fff;
--text-black: #121212;
--text-dark: #2b2b3b;
/* background */
--background-white: #fff;
@@ -199,7 +200,7 @@ button{
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: var(--text-black);
color: var(--text-dark);
text-decoration: none;
@@ -258,4 +259,68 @@ button{
width: 24px;
aspect-ratio: 1;
}
/* mini-profile */
/* mini-profile */
/* main-menu */
.main-menu{
display: flex;
align-items: center;
list-style-type: none;
}
.main-menu__item{
margin-left: 24px;
transition: opacity .2s ease-out;
}
.main-menu__item:first-child{
margin-left: 0;
}
.main-menu__item:hover{
opacity: .8;
}
.main-menu__link{
display: block;
padding: 8px 12px;
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: var(--text-black);
text-decoration: none;
}
.main-menu__button{
padding: 8px 32px 8px 12px;
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: var(--text-black);
border: none;
border-radius: 24px;
background: var(--gradient-turquoise);
position: relative;
}
.main-menu__button::before{
content: '';
position: absolute;
top: 14px;
right: 14px;
width: 13px;
height: 8px;
background-image: url(../img/svg/main/arrow-black.svg);
background-repeat: no-repeat;
background-size: contain;
}
/* main-menu */

View File

@@ -28,17 +28,6 @@
.header__logo-black{
}
.main-menu{
display: flex;
align-items: center;
}
/* header end */