From 5c7be1ca7afe212ae835f09939ed2c9a4898516f Mon Sep 17 00:00:00 2001
From: zzossig <zzossig@gmail.com>
Date: Wed, 22 Jan 2020 18:40:24 +0900
Subject: [PATCH] toc switch responsive bug fix

---
 assets/sass/components/_switch.scss | 5 +++++
 assets/sass/components/_toc.scss    | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/assets/sass/components/_switch.scss b/assets/sass/components/_switch.scss
index db9f30b..8e81000 100644
--- a/assets/sass/components/_switch.scss
+++ b/assets/sass/components/_switch.scss
@@ -5,6 +5,11 @@
   height: 14px;
   margin-top: 0.7rem;
   margin-left: 1rem;
+  
+  @include animation('slide-in-down-little .2s .3s 1 ease-in backwards');
+  @media only screen and (max-width: 1300px) {
+    display: none;
+  }
 }
 
 .switch input { 
diff --git a/assets/sass/components/_toc.scss b/assets/sass/components/_toc.scss
index 2d48d73..d9a0388 100644
--- a/assets/sass/components/_toc.scss
+++ b/assets/sass/components/_toc.scss
@@ -37,9 +37,15 @@
   &__title {
     font-size: 0.9rem;
     margin-top: 0.5rem;
+    @include animation('slide-in-down-little .2s .3s 1 ease-in backwards');
+    
     @include themify($themes) {
       color: themed('toc-label-color');
     }
+
+    @media only screen and (max-width: 1300px) {
+      display: none;
+    }
   }
 
   a {