aboutsummaryrefslogtreecommitdiff
path: root/src/mobile/SideBar.scss
diff options
context:
space:
mode:
authorLionel Han <47760119+IGoByJoe@users.noreply.github.com>2020-06-07 21:22:25 -0700
committerLionel Han <47760119+IGoByJoe@users.noreply.github.com>2020-06-07 21:22:25 -0700
commit0bd7f4f85be56de4326f0671453fc5e5e917a5d0 (patch)
treedabf5de108f178b9327a1680c9aa424a866995ae /src/mobile/SideBar.scss
parent336ca68149f23a133f2f908998987b47d3ac3cc8 (diff)
pull current work in
Diffstat (limited to 'src/mobile/SideBar.scss')
-rw-r--r--src/mobile/SideBar.scss79
1 files changed, 0 insertions, 79 deletions
diff --git a/src/mobile/SideBar.scss b/src/mobile/SideBar.scss
deleted file mode 100644
index fb6d13a2b..000000000
--- a/src/mobile/SideBar.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-* {
- margin:0px;
- padding:0px;
- box-sizing:border-box;
- font-family:"Open Sans";
-}
-body {
- overflow:hidden;
-}
-.navbar {
- position:fixed;
- top:0px;
- left:0px;
- width:100vw;
- height:50px;
- background:rgba(0,0,0,0.95);
-}
-.navbar .toggle-btn {
- position:absolute;
- right:20px;
- height:50px;
- width:50px;
- transition:all 300ms ease-in-out 200ms;
-}
-.navbar .toggle-btn span {
- position:absolute;
- top:50%;
- left:50%;
- transform:translate(-50%,-50%);
- width:70%;
- height:4px;
- background:#eee;
- transition:all 200ms ease;
-}
-.navbar .toggle-btn span:nth-child(1) {
- transition:top 200ms ease-in-out;
- top:30%;
-}
-.navbar .toggle-btn span:nth-child(3) {
- transition:top 200ms ease-in-out;
- top:70%;
-}
-.navbar .toggle-btn.active {
- transition:transform 200ms ease-in-out 200ms;
- transform:rotate(135deg);
-}
-.navbar .toggle-btn.active span:nth-child(1) {
- top:50%;
-}
-.navbar .toggle-btn.active span:nth-child(2) {
- transform:translate(-50%,-50%) rotate(90deg);
-}
-.navbar .toggle-btn.active span:nth-child(3) {
- top:50%;
-}
-.sidebar {
- position:absolute;
- top:50px;
- opacity:0;
- right:-100%;
- width:100vw;
- height:calc(100vh - 45px);
- z-index:5;
- background:rgba(40,40,40,1);
- transition:all 400ms ease 50ms;
- padding:15px;
-}
-.sidebar .item {
- width:100%;
- padding:13px 6px;
- border-bottom:1px solid rgba(200,200,200,0.7);
- font-size:18px;
- text-transform:uppercase;
- color:rgba(250,250,250,0.95);
-}
-.sidebar.active {
- right:0%;
- opacity:1;
-} \ No newline at end of file