diff --git a/src/menus/css/menus-core.css b/src/menus/css/menus-core.css index 05a41af..2bd299e 100644 --- a/src/menus/css/menus-core.css +++ b/src/menus/css/menus-core.css @@ -86,6 +86,7 @@ will show on small screen sizes. */ .pure-menu-is-active .pure-menu-item { display: block; } + .pure-menu-is-active .pure-menu-list { position: absolute; right: 0; @@ -97,9 +98,7 @@ will show on small screen sizes. */ height: 1px; } - -/* misc minimal styling */ - +/* misc default styling */ .pure-menu-heading { font-weight: bold; } @@ -113,6 +112,14 @@ will show on small screen sizes. */ padding: 0.3em 0.5em; } +.pure-menu-disabled { + opacity: 0.5; +} + +.pure-menu-disabled .pure-menu-link:hover { + background-color: transparent; +} + .pure-menu-is-active .pure-menu-children { padding-left: 0.5em; } @@ -126,11 +133,3 @@ will show on small screen sizes. */ .pure-menu-selected .pure-menu-link:visited { color: #000; } - -.pure-menu-disabled { - opacity: 0.5; -} - -.pure-menu-disabled .pure-menu-link:hover { - background-color: transparent; -} \ No newline at end of file diff --git a/src/menus/css/menus-r.css b/src/menus/css/menus-r.css index b274b64..33af860 100644 --- a/src/menus/css/menus-r.css +++ b/src/menus/css/menus-r.css @@ -1,15 +1,20 @@ @media (min-width: 48em) { + .pure-menu-responsive .pure-menu-list { display: inline-block; } + .pure-menu-responsive-toggle { display: none; } + .pure-menu-is-active .pure-menu-list { position: static; } + .pure-menu-is-active .pure-menu-list, .pure-menu-is-active .pure-menu-item { display: inline-block; } + } \ No newline at end of file