created shade around submenus, smaller font size in submenu

This commit is contained in:
jorge 2022-03-17 13:54:53 +01:00
parent 8c30813e67
commit c2ce660a53
5 changed files with 41 additions and 28 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -304,7 +304,9 @@ gulp.task('build',
// Build the site, run the server, and watch for file changes // Build the site, run the server, and watch for file changes
gulp.task('default', gulp.task('default',
gulp.series('build', server, watch)); //gulp.series('build', server, watch));
//commented the server to be used with local docker
gulp.series('build', watch));
// Package task // Package task
gulp.task('package', gulp.task('package',

View File

@ -405,9 +405,9 @@ $drilldown-arrow-size: 6px;
$dropdown-padding: 1rem; $dropdown-padding: 1rem;
$dropdown-background: $body-background; $dropdown-background: $body-background;
$dropdown-border: 1px solid $medium-gray; $dropdown-border: none;//1px solid $medium-gray;
$dropdown-font-size: 1rem; $dropdown-font-size: 1rem;
$dropdown-width: 300px; $dropdown-width: 100%;
$dropdown-radius: $global-radius; $dropdown-radius: $global-radius;
$dropdown-sizes: ( $dropdown-sizes: (
tiny: 100px, tiny: 100px,
@ -419,16 +419,16 @@ $dropdown-sizes: (
// ----------------- // -----------------
$dropdownmenu-arrows: true; $dropdownmenu-arrows: true;
$dropdownmenu-arrow-color: $anchor-color; $dropdownmenu-arrow-color: $body-font-color;//$anchor-color;
$dropdownmenu-arrow-size: 6px; $dropdownmenu-arrow-size: 6px;
$dropdownmenu-arrow-padding: 1.5rem; $dropdownmenu-arrow-padding: 1.5rem;
$dropdownmenu-min-width: 200px; $dropdownmenu-min-width: 100%;//200px;
$dropdownmenu-background: null; $dropdownmenu-background: null;
$dropdownmenu-submenu-background: $white; $dropdownmenu-submenu-background: $dropdown-background;
$dropdownmenu-padding: $global-menu-padding; $dropdownmenu-padding: $global-menu-padding;
$dropdownmenu-nested-margin: 0; $dropdownmenu-nested-margin: 0;
$dropdownmenu-submenu-padding: $dropdownmenu-padding; $dropdownmenu-submenu-padding: $dropdownmenu-padding;
$dropdownmenu-border: 1px solid $medium-gray; $dropdownmenu-border: none; //1px solid $medium-gray;
$dropdown-menu-item-color-active: get-color(primary); $dropdown-menu-item-color-active: get-color(primary);
$dropdown-menu-item-background-active: transparent; $dropdown-menu-item-background-active: transparent;

View File

@ -1 +1,8 @@
// navigation scss // navigation scss
.is-dropdown-submenu {
font-size: $dropdown-font-size * 0.95;
min-width: 10rem;
// box-shadow: inset 0 0px 5px 3px rgba(100, 100, 100, 0.1);
box-shadow: 0 3px 5px 3px rgba(200, 200, 200, 0.1);
}