sigit_design/assets/css/nav.css

148 lines
2.3 KiB
CSS

.secMain.secMainNav {
background: white;
height: 65px;
justify-content: center;
}
.secMain.secMainNav::-webkit-scrollbar {
height: 10px;
}
.secMainNavInside {
width: 100%;
display: grid;
grid-template-columns: 0.75fr 1.5fr 0.75fr;
grid-gap: 25px;
height: 100%;
padding: 0px 0;
}
@media (max-width: 768px) {
.secMainNavInside {
grid-template-columns: 0.75fr 0fr 2.25fr;
grid-gap: 10px;
}
}
.secMainNavInsideSec {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
.secMainNavInsideSecLeft {
width: 100%;
justify-content: center;
min-width: 100px;
}
.secMainNavInsideSecMid {
}
.secMainNavInsideSecRight {
}
.linkMain.secMainNavInsideSecLeftLink {
display: flex;
flex-direction: column;
}
.linkMain.secMainNavInsideLeftLink {
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
}
.secMainNavInsideLeftLinkImg {
width: 100%;
height: 50px;
}
.secMainNavInsideSecLeftInside {
}
.secMainNavInsideSecMidInside {
}
.secMainNavInsideSecRightInside {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 10px;
justify-content: end;
}
@media (max-width: 768px) {
.secMainNavInsideSecRightInside {
display: none;
}
}
.btnMain.secMainNavInsideSecRightInsideBtn {
}
.btnMain.secMainNavInsideSecRightInsideBtnBurger {
}
.secMainNavInsideSecRightInside.secMainNavInsideSecRightInsideMobile {
display: none;
}
@media (max-width: 768px) {
.secMainNavInsideSecRightInside.secMainNavInsideSecRightInsideMobile {
display: flex;
}
}
.secMainNavMobile {
transition: ease 0.4s;
position: fixed;
top: 0;
right: 0;
left: 100%;
bottom: 0;
background: white;
z-index: 10;
overflow: auto;
display: none;
flex-direction: column;
}
.secMainNavMobile.secMainNavMobileShow {
transition: ease 0.4s;
display: flex;
left: 0%;
}
.secMainNavMobileTop {
padding: 8px 10px;
}
.secMainNavMobileMid {
display: flex;
flex-direction: column;
grid-gap: 15px;
overflow: auto;
border-top: solid 1px rgba(0,0,0,0.05);
border-bottom: solid 1px rgba(0,0,0,0.05);
padding: 15px;
flex-grow: 1;
}
.secMainNavMobileBot {
padding: 15px;
display: flex;
flex-direction: row;
grid-gap: 15px;
}
.btnMain.secMainNavMobileMidBtn {
padding: 15px;
background: rgba(76,130,163,0);
color: #4c82a3;
justify-content: start;
}