diff options
Diffstat (limited to 'assets/_sass/partials')
| -rw-r--r-- | assets/_sass/partials/_burger-menu.scss | 68 | ||||
| -rw-r--r-- | assets/_sass/partials/_header-separator.scss | 27 |
2 files changed, 0 insertions, 95 deletions
diff --git a/assets/_sass/partials/_burger-menu.scss b/assets/_sass/partials/_burger-menu.scss deleted file mode 100644 index 573e406..0000000 --- a/assets/_sass/partials/_burger-menu.scss +++ /dev/null @@ -1,68 +0,0 @@ -.toggleBurger { - display: none; - - &:checked { - & ~ .site-navigation { - transform: translate(0, 0); - } - & ~ .toggleBurgerWrapper { - span { - background: transparent; - &:before { - top: 0; - transform: rotate(135deg); - } - &:after { - top: 0; - transform: rotate(-135deg); - } - } - } - } -} - -.toggleBurgerWrapper { - display: none; - position: fixed; - top: 20px; - left: 20px; - width: 25px; - height: 30px; - cursor: pointer; - z-index: 100; - user-select: none; - - span { - position: absolute; - top: 50%; - height: 2px; - width: 100%; - background: var(--grey-222); - - transition: all .3s ease; - transform: translate(0, -50%); - - &:before, - &:after { - position: absolute; - height: 2px; - width: 100%; - background: var(--grey-222); - content: ""; - - transition: all .3s ease; - } - &:before { - top: -6px; - } - &:after { - top: 6px; - } - } -} - -@media screen and (max-width: 800px) { - .toggleBurgerWrapper { - display: block; - } -} diff --git a/assets/_sass/partials/_header-separator.scss b/assets/_sass/partials/_header-separator.scss deleted file mode 100644 index da5a007..0000000 --- a/assets/_sass/partials/_header-separator.scss +++ /dev/null @@ -1,27 +0,0 @@ -.header-content-separator { - position: relative; - margin: 40px auto; - width: 4px; - height: 4px; - border-radius: 50%; - background: var(--grey-ccc); - - &:before { - position: absolute; - left: -8px; - width: 4px; - height: 4px; - border-radius: 50%; - background: var(--grey-ccc); - content: ""; - } - &:after { - position: absolute; - left: 8px; - width: 4px; - height: 4px; - border-radius: 50%; - background: var(--grey-ccc); - content: ""; - } -} |
