diff options
author | AlisaLinUwU <alisalinuwu@gmail.com> | 2025-01-26 10:42:28 +0500 |
---|---|---|
committer | AlisaLinUwU <alisalinuwu@gmail.com> | 2025-01-26 10:42:28 +0500 |
commit | 0225bdb772d1334cc1aa7ab0fc3678df0864df6b (patch) | |
tree | 85a8c8e4fcf1d935fcbad54886b73410c8cb2e26 /src/main/resources/static/scss/_slick-nav.scss |
Initializemain
Diffstat (limited to 'src/main/resources/static/scss/_slick-nav.scss')
-rw-r--r-- | src/main/resources/static/scss/_slick-nav.scss | 105 |
1 files changed, 105 insertions, 0 deletions
diff --git a/src/main/resources/static/scss/_slick-nav.scss b/src/main/resources/static/scss/_slick-nav.scss new file mode 100644 index 0000000..854cc69 --- /dev/null +++ b/src/main/resources/static/scss/_slick-nav.scss @@ -0,0 +1,105 @@ + + +// slick-nav +.mobile_menu{ + @media #{$mobile_device} { + position: absolute; + right: 0px; + width: 100%; + z-index: 9; + } +} +.slicknav_menu{ + .slicknav_nav { + background: #fff; + float: right; + margin-top: 0; + padding: 0; + width: 95%; + padding: 0; + border-radius: 0px; + margin-top: 5px; + position: absolute; + left: 0; + right: 0; + margin: auto; + top: 11px; + a{ + &:hover{ + background: transparent; + color: #4A3600; + } + &.active{ + color: #4A3600; + } + i{ + @media #{$mobile_device} { + display: none; + } + @media #{$tablet_device} { + display: none; + } + } + } + .slicknav_btn { + background-color: transparent; + cursor: pointer; + margin-bottom: 10px; + margin-top: -40px; + position: relative; + z-index: 99; + border: 1px solid #ddd; + top: 3px; + right: 5px; + top: -32px; + .slicknav_icon{ + margin-right: 6px; + margin-top: 3px; + position: relative; + padding-bottom: 3px; + top: -11px; + right: -5px; + } + } + } + @media #{$mobile_device} { + margin-right: 0px; + } +} + + +// slick-nav +.slicknav_nav .slicknav_arrow { + float: right; + font-size: 22px; + position: relative; + top: -9px; +} +.slicknav_btn { + background-color: transparent; + cursor: pointer; + margin-bottom: 10px; + position: relative; + z-index: 99; + border: none; + border-radius: 3px; + top: 5px; + padding: 5px; + right: 5px; + margin-top: -5px; + top: -31px; +} +.slicknav_btn { + background-color: transparent; + cursor: pointer; + margin-bottom: 10px; + position: relative; + z-index: 99; + border: none; + border-radius: 3px; + top: 5px; + padding: 5px; + right: 0; + margin-top: -5px; + top: -26px; +}
\ No newline at end of file |