diff --git a/src/style/hmenu.scss b/src/style/hmenu.scss deleted file mode 100644 index 31a11604..00000000 --- a/src/style/hmenu.scss +++ /dev/null @@ -1,140 +0,0 @@ -.no-scroll { - overflow: hidden; -} - -.HMenu { - --hmenu-margin: 6px; - --hmenu-icon-width: 32px; - --hmenu-icon-height: 32px; - - display: flex; - flex-direction: row; - align-items: center; - - width: 100%; - //height: 100%; - - position: relative; - - list-style: none; -} - -.HMenu a { - &:visited { - color: inherit; - } -} - -.HMenu.HMenu--folded { - height: 100%; -} - -.HMenu--folded.HMenu--closed { - li { - margin: 0; - } -} - -.HMenu--folded.HMenu--open { - li { - margin: 0 0 var(--single-margin); - } -} - -.HMenu--folded.HMenu--closed { - justify-content: center; -} - -.HMenu--folded.HMenu--closed .HMenu__item{ - display: none; -} - -.HMenu--folded .HMenu__item.HMenu__item--cur{ - display: block; -} - - - - - - - - - - - - -.HMenu--unfolded { - margin-left: 1em; - - li { - margin: 0 1em .5em .5em; - } - - .HMenu__toggle { - display: none; - } -} - - -.HMenu--folded.HMenu--open { - z-index: 100; - - display: flex; - align-items: center; - - width: 100%; - height: 100%; - - position: fixed; - top: 0; - left: 0; - - background-color: #ffffff; - - flex-direction: column; - text-align: center; - - overflow-y: auto; - - font-size: 1.5rem; - - /*transition: opacity 0.5s ease-in-out;*/ - /*-webkit-transition: opacity 0.5s ease-in-out;*/ -} - - - -._HMenu--folded li:last-child { - margin-bottom: 2em; -} - -@media (max-width: var(--mobile-width)) { - .HMenu--folded .HMenu__item { - max-width: 10em; - } - - .HMenu--folded.HMenu--closed { - .HMenu__toggle { - a { - background-image: url(/graphics/hmenu-b.png); - } - - a:hover { - background-image: url(/graphics/hmenu-b.png); - } - } - } - - .HMenu--folded.HMenu--open { - .HMenu__toggle { - a { - background-image: url(/graphics/hmenu-close-b.png); - } - - a:hover { - background-image: url(/graphics/hmenu-close-b.png); - } - } - } -} \ No newline at end of file diff --git a/src/style/style.scss b/src/style/style.scss index 0ec29777..aa9829ad 100644 --- a/src/style/style.scss +++ b/src/style/style.scss @@ -44,4 +44,3 @@ @import "kazimir/video"; @import "kazimir/image"; -@import "hmenu";