From d66217c3baf3e2f396a230ecd954e87b0ef4e58f Mon Sep 17 00:00:00 2001
From: Mimi <1119186082@qq.com>
Date: Tue, 10 Mar 2020 14:02:42 +0800
Subject: [PATCH] Remove safari_rainbow

---
 _config.yml                                   |  3 --
 source/css/_common/components/components.styl |  2 --
 source/css/_common/components/rainbow.styl    | 30 -------------------
 3 files changed, 35 deletions(-)
 delete mode 100644 source/css/_common/components/rainbow.styl

diff --git a/_config.yml b/_config.yml
index 4fda9452c3..72022d283b 100644
--- a/_config.yml
+++ b/_config.yml
@@ -354,9 +354,6 @@ mobile_layout_economy: false
 # Android Chrome header panel color ($brand-bg / $headband-bg => $black-deep).
 android_chrome_color: "#222"
 
-# Hide sticky headers and color the menu bar on Safari (iOS / macOS).
-safari_rainbow: false
-
 # Custom Logo (Do not support scheme Mist)
 custom_logo: #/uploads/custom-logo.jpg
 
diff --git a/source/css/_common/components/components.styl b/source/css/_common/components/components.styl
index 20b1488fd4..023906e4a9 100644
--- a/source/css/_common/components/components.styl
+++ b/source/css/_common/components/components.styl
@@ -13,5 +13,3 @@ if (hexo-config('back2top.enable')) {
 @import 'post';
 @import 'pages';
 @import 'third-party';
-
-@import 'rainbow' if (hexo-config('safari_rainbow'));
diff --git a/source/css/_common/components/rainbow.styl b/source/css/_common/components/rainbow.styl
deleted file mode 100644
index b0189110a1..0000000000
--- a/source/css/_common/components/rainbow.styl
+++ /dev/null
@@ -1,30 +0,0 @@
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-  body::before {
-    animation: rainbow 15s ease infinite;
-    background: linear-gradient(124deg, #ff0000, #ff7f00, #ffff00, #7fff00, #00ff00, #00ff7f, #00ffff, #007fff, #0000ff, #7f00ff, #ff00ff, #ff007f, #ff0000);
-    background-size: 1000% 1000%;
-    content: '';
-    display: block;
-    height: 100px;
-    left: 0;
-    position: fixed;
-    right: 0;
-    top: 0;
-    transform: translateY(-99.99px);
-    z-index: $zindex-5;
-  }
-}
-
-@keyframes rainbow {
-  0% {
-    background-position: 0 80%;
-  }
-
-  50% {
-    background-position: 100% 20%;
-  }
-
-  100% {
-    background-position: 0 80%;
-  }
-}