Files
Globaly-CSS-Practice/style/_menu.scss
2024-06-24 07:52:54 +02:00

117 lines
1.7 KiB
SCSS
Executable File

span {
text-transform: uppercase;
font-family: $numberfont;
font-weight: bold;
}
.menu-toggle {
padding: 20px 8px 28px 8px;
cursor: pointer;
background-color: transparent;
border: none;
box-shadow: none;
color: #333333;
font-size: 18px;
span {
color: #333333;
}
}
.dropdown {
position: relative;
display: inline-block;
width: 100%;
}
.dropdown-content {
min-width: 230px;
overflow: auto;
}
.dropdown-content .nav-ul{
position: relative;
width: auto !important;
padding: 0;
}
.dropdown-content .navs {
cursor: pointer;
color: #333333;
font-family: Lato, sans-serif;
font-weight: 900;
font-style: normal;
padding: 12px 16px;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #e0e0e8;
width: 412px;
height: 50px;
background-color: white;
}
.links{
background-color: #333333;
}
#li-home {
background-color: $lightblue;
color: white !important;
}
.dropdown-content .navs:hover {
background-color: $lightblue;
color: white;
transition: 0.3s;
}
.show {
display: flex;
align-items: center;
justify-content: start;
flex-direction: column;
}
.socials-ul {
padding: 0 24px 24px;
display: flex;
margin-top: 24px;
}
#socials{
cursor:pointer;
list-style-type: none;
background-color: $lightblue;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
text-align: center;
margin-left: 5px;
font-size: 12px;
i{
color: white;
}
}
#socials:hover {
transition: .3s;
background-color: white;
i{
color: #333333;
}
}