From 2134e09e9af7b14efa6c27f4dc32c70cdbfb94c4 Mon Sep 17 00:00:00 2001 From: Luke <17616949+nice42q@users.noreply.github.com> Date: Sat, 11 Mar 2023 11:36:32 +0100 Subject: [PATCH] code optimization --- _sass/mixin.scss | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/_sass/mixin.scss b/_sass/mixin.scss index 0e5b2d6..948825d 100644 --- a/_sass/mixin.scss +++ b/_sass/mixin.scss @@ -3,25 +3,25 @@ // Nav menu @mixin icon-position($position) { - display: block; + display: block; position: absolute; top: 35px; #{$position}: 25px; z-index: 10; height: 36px; padding: 8px; - background-color: rgba(240,240,240,.6); + background-color: rgba(240, 240, 240, 0.6); @media (max-width: 480px) { - top: 15px; - right: 10px; + top: 15px; + right: 10px; } } @mixin open($x) { - -webkit-transform: translateX($x); - -moz-transform: translateX($x); - -ms-transform: translateX($x); - transform: translateX($x); + -webkit-transform: translateX($x); + -moz-transform: translateX($x); + -ms-transform: translateX($x); + transform: translateX($x); width: 100%; @media (min-width: 940px) { width: 30%; @@ -29,7 +29,7 @@ } @mixin nav-position($position) { - width: 14rem; + width: 14rem; position: fixed; background-color: $main-color; top: 0; @@ -38,10 +38,10 @@ color: $background-color; opacity: 0.95; -webkit-transition: all 0.3s ease-in; - -moz-transition: all 0.3s ease-in; - -ms-transition: all 0.3s ease-in; - transition: all 0.3s ease-in; + -moz-transition: all 0.3s ease-in; + -ms-transition: all 0.3s ease-in; + transition: all 0.3s ease-in; z-index: 1; padding: 72px 0; text-align: center; -} \ No newline at end of file +}