Generateurv2/frontend/styles/NavBar.module.css
Kilton937342 035af2a3b7 modifs
2022-06-11 23:39:03 +02:00

75 lines
1.6 KiB
CSS

.link {
cursor: pointer;
margin: 0 10px;
color: #f08336;
text-decoration: none;
position: relative;
font-weight: 600;
-webkit-transition: color .3s;
transition: color .3s;
font-size: 16px;
}
.link::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.link:hover {
color: #FCBF49;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.link:hover::before {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.selected {
font-weight: bolder;
color: #FCBF49;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.selected::before {
content: none;
}
.navbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
padding: 0 10px;
margin-left: 30px;
height: 60px;
border-bottom: 1px #181553 solid;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
/*# sourceMappingURL=NavBar.module.css.map */