diff options
| author | Eugen Wissner <belka@caraus.de> | 2026-07-15 02:57:48 +0200 |
|---|---|---|
| committer | Eugen Wissner <belka@caraus.de> | 2026-07-15 02:57:48 +0200 |
| commit | 8f954ab7c662e0c507c2328d5b2683fbd4c3a391 (patch) | |
| tree | aa77658a566d38f621b465947c7a9acd4de007b3 /assets/_sass/partials | |
| parent | 4467e79ab9516010c93c8ba7c530ddd9622a5262 (diff) | |
| download | flevum-8f954ab7c662e0c507c2328d5b2683fbd4c3a391.tar.gz | |
Remove vendor specific CSS styles
Diffstat (limited to 'assets/_sass/partials')
| -rw-r--r-- | assets/_sass/partials/_burger-menu.scss | 136 | ||||
| -rw-r--r-- | assets/_sass/partials/_header-separator.scss | 54 |
2 files changed, 95 insertions, 95 deletions
diff --git a/assets/_sass/partials/_burger-menu.scss b/assets/_sass/partials/_burger-menu.scss index 73a5b4d..573e406 100644 --- a/assets/_sass/partials/_burger-menu.scss +++ b/assets/_sass/partials/_burger-menu.scss @@ -1,68 +1,68 @@ -.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;
- }
-}
+.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 index 4c264df..da5a007 100644 --- a/assets/_sass/partials/_header-separator.scss +++ b/assets/_sass/partials/_header-separator.scss @@ -1,27 +1,27 @@ -.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: "";
- }
-}
+.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: ""; + } +} |