From 6c98d94b0de2fdead95ce98e2435701eb4c1a14d Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 20 Jan 2017 13:41:13 +0800
Subject: [PATCH] site: improve style of toc and color page

---
 site/theme/static/colors.less | 15 ++++++++-------
 site/theme/static/toc.less    |  5 +++++
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/site/theme/static/colors.less b/site/theme/static/colors.less
index 94ccebfc8d..959fc6dd4c 100644
--- a/site/theme/static/colors.less
+++ b/site/theme/static/colors.less
@@ -4,21 +4,22 @@
 
 .main-color {
   overflow: hidden;
-}
-
-.main-color {
+  display: flex;
   &-item {
-    width: 80px;
-    height: 60px;
+    flex: 1;
+    height: 80px;
     border-radius: 4px;
     float: left;
-    margin: 0 5px 5px 0;
+    margin-right: 4px;
     transition: all .2s;
     position: relative;
     text-align: center;
-    padding-top: 20px;
+    padding-top: 28px;
     font-family: Consolas;
     font-size: 12px;
+    &:last-child {
+      margin-right: 0;
+    }
   }
   &-item &-value {
     font-size: 12px;
diff --git a/site/theme/static/toc.less b/site/theme/static/toc.less
index 3e5973da15..f6b82c194d 100644
--- a/site/theme/static/toc.less
+++ b/site/theme/static/toc.less
@@ -5,6 +5,11 @@
   list-style: none;
 }
 
+.markdown .toc {
+  background: #fbfbfb;
+  border-left: 2px solid #eee;
+}
+
 .toc > ul {
   padding: 8px 0;
   list-style: none;