person menu: add style for submenus

This commit is contained in:
nobohan
2021-06-29 16:22:58 +02:00
parent 93a44d8303
commit ab1edee9fb
3 changed files with 12 additions and 5 deletions

View File

@@ -35,6 +35,7 @@ $table-body-td-text-align: left;
// Tabs
$tabs-nav-margin-bottom: 0.2em;
$tabs-nav-bg-color: $yellow;
$tabs-nav-bg-color-light: lighten($yellow, 10%);
$tabs-nav-text-color: $blue;
$tabs-new-border: none;
$tabs-nav-hover-border: none;

View File

@@ -26,7 +26,13 @@ $global-bg-color: $yellow;
color: $tabs-nav-title-text-color;
}
> a {
&.sub-menu {
padding-left: 20px;
> a {
background-color: $tabs-nav-bg-color-light;
}
}
> a {
display: block;
width: auto;
padding: $tabs-nav-padding;
@@ -38,11 +44,11 @@ $global-bg-color: $yellow;
@include border-top-radius($base-border-radius);
@include border-bottom-radius($base-border-radius);
&:hover, &:active {
&:hover, &:active {
border: $tabs-nav-hover-border;
color: $tabs-nav-hover-text-color;
text-decoration: none;
}
}
}
}
}