scss: introduce $nav-border-radius (#55122)

This commit is contained in:
Thomas Jund 2021-06-23 16:14:54 +02:00
parent fe6adf1c0c
commit 535d3411c5
2 changed files with 12 additions and 6 deletions

View File

@ -210,6 +210,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
<td><p>Couleur des bordures</p></td>
<td><p><var>$nav-active-color</var></p></td>
</tr>
<tr>
<td><p><code>$nav-border-radius</code></p></td>
<td><p>Taille de l'arrondi de la navigation </p></td>
<td><p><var>$border-radius</var></p></td>
</tr>
<tr>
<td><p><code>$nav-height</code></p></td>
<td><p>Hauteur</p></td>

View File

@ -1,6 +1,7 @@
$nav-background: white !default;
$nav-full-width-background: false !default;
$nav-color: black !default;
$nav-border-radius: $border-radius !default;
$nav-active-color: #005EA9 !default;
@ -64,7 +65,7 @@ div.gru-nav {
padding: 0;
margin: 10px auto;
height: $nav-height;
border-radius: $border-radius;
border-radius: $nav-border-radius;
}
div.gru-nav > ul {
@ -76,7 +77,7 @@ div.gru-nav > ul {
div.gru-nav > ul > li:first-child > a {
@if $nav-item-selected-mode == background and $nav-full-width-background == false {
border-radius: $border-radius 0 0 $border-radius;
border-radius: $nav-border-radius 0 0 $nav-border-radius;
}
}
@ -138,7 +139,7 @@ div.gru-nav > ul ul {
list-style: none;
padding: 0;
text-align: left;
border-radius: 0 0 $border-radius $border-radius;
border-radius: 0 0 $nav-border-radius $nav-border-radius;
> li a {
color: $nav-submenu-color;
}
@ -149,7 +150,7 @@ div.gru-nav > ul ul a {
}
div.gru-nav > ul ul li:last-child a {
border-radius: 0 0 $border-radius $border-radius;
border-radius: 0 0 $nav-border-radius $nav-border-radius;
}
div.gru-nav > ul li:hover ul {
@ -168,7 +169,7 @@ div.gru-nav > ul li:hover ul {
.gru-nav-button {
display: none;
border-radius: $border-radius $border-radius 0 0;
border-radius: $nav-border-radius $nav-border-radius 0 0;
cursor: pointer;
}
@ -273,7 +274,7 @@ div.menucell {
@if $responsive-menu == left-to-right {
position: fixed;
left: 4px;
border-radius: 0 $border-radius $border-radius 0;
border-radius: 0 $nav-border-radius $nav-border-radius 0;
}
& + ul {