aboutsummaryrefslogtreecommitdiff
path: root/assets/_sass/partials
diff options
context:
space:
mode:
Diffstat (limited to 'assets/_sass/partials')
-rw-r--r--assets/_sass/partials/_burger-menu.scss136
-rw-r--r--assets/_sass/partials/_header-separator.scss54
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: "";
+ }
+}