diff options
author | panda-z <panda.hust@gmail.com> | 2020-04-13 21:18:35 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-13 21:18:35 +0800 |
commit | 5657112dfb0e6eac2faa2ae1dc0978ed29030709 (patch) | |
tree | f22279cb587444b0649f95da647b60daf1f370e9 /src/css/_partial/_mobile.scss | |
parent | d39d3e443953caea05510b19fdd7a259c71a0ab3 (diff) |
chore(build): drop webpack and use Hugo Pipes (#130)
Diffstat (limited to 'src/css/_partial/_mobile.scss')
-rw-r--r-- | src/css/_partial/_mobile.scss | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/src/css/_partial/_mobile.scss b/src/css/_partial/_mobile.scss deleted file mode 100644 index 26e4c76..0000000 --- a/src/css/_partial/_mobile.scss +++ /dev/null @@ -1,77 +0,0 @@ -// ============================== -// Mobile Navbar -// ============================== - -.mobile-navbar { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: $mobile-navbar-height; - background: $white; - box-shadow: 0px 2px 2px $gray; - text-align: center; - transition: transform 300ms ease; - z-index: 99; - - &.fixed-open { - transform: translate3d(180px, 0px, 0px); - } - - .mobile-header-logo { - display: inline-block; - margin-right: 50px; - - .logo { - font-size: 22px; - line-height: $mobile-navbar-height; - font-family: $logo-font-family; - } - } - - .mobile-navbar-icon { - color: $theme-color; - height: $mobile-navbar-height; - width: $mobile-navbar-height; - font-size: 24px; - text-align: center; - float: left; - position: relative; - transition: background 0.5s; - - @include mobile-menu-icon(); - } -} - -.mobile-menu { - background-color: rgba($deputy-color, 0.5); - - .mobile-menu-list { - position: relative; - list-style: none; - margin-top: 50px; - padding: 0; - border-top: 1px solid $deputy-color; - - .mobile-menu-item { - padding: 10px 30px; - border-bottom: 1px solid $deputy-color; - } - - a { - font-size: 18px; - font-family: $global-serif-font-family; - - &:hover { - color: $theme-color; - } - } - } -} - -@include max-screen() { - .mobile-navbar { - display: block; - } -} |