gl-website-deployer/admin/phpMyAdmin/themes/pmahomme/scss/_nav.scss
2024-11-23 20:45:29 +01:00

58 lines
920 B
SCSS

.nav-pills {
.nav-link {
margin-left: 0;
margin-right: 6px;
padding: 4px 10px;
font-weight: bold;
background: #f2f2f2;
color: #235a81;
border: 1px solid #ddd;
@include border-radius(20px);
&:hover {
background-color: $bg-one;
@include border-radius(0.3em);
}
img {
margin-right: 0.5em;
vertical-align: -3px;
}
}
.nav-link.active,
.show > .nav-link {
background-color: #fff;
color: #235a81;
@include border-radius(0.3em);
}
}
.nav-tabs {
font-weight: bold;
.nav-link {
background-color: #f2f2f2;
color: #555;
border-color: $bg-two $bg-two #aaa;
margin-right: 0.4em;
padding: 7px 10px;
&:hover,
&:focus {
background-color: #e5e5e5;
}
}
.nav-link.active,
.nav-item.show .nav-link {
&:hover,
&:focus {
background-color: $nav-tabs-link-active-bg;
}
}
}