Permalink
Browse files

fix: mobile toc style 移动端目录显示

Customize toc style for mobile view (single column).
需要为单栏的移动端页面重新设定目录样式。
  • Loading branch information...
MOxFIVE committed Sep 9, 2015
1 parent af99373 commit 796ce0d185b0557313f6ec4978906de73ba5fe0a
Showing with 56 additions and 1 deletion.
  1. +56 −1 themes/Yilia/source/css/_partial/mobile.styl
@@ -234,4 +234,59 @@
#toBottom {
bottom: 37%;
}
}
#tocButton {
z-index: 100;
position: fixed;
left: 0.5em;
top: auto; /*In order to cover style in article.styl*/
bottom: 10px;
background: white;
font-size: 1em;
font-weight: bold;
color: gray;
opacity: 0.8;
padding: 0.2em 0.4em;
border-radius: 6px;
border-style : outset;
font-family: inherit;
&:hover {
color: #88acdb;
font-size: 1em;
}
}
.toc-article {
display: none;
z-index: 99
left: 0;
bottom: 0;
background: none;
font-size: 1em;
border-radius: 2.8%;
margin-left: 0em;
top: 38%;
padding: 10px;
padding-left: 0em;
bottom: 1em;
height: auto;
max-height: 58%;
width: auto;
min-width: 7em;
max-width: 38%;
overflow: auto;
ol {
background:lightgray;
padding: 0.5em;
opacity: .94;
border-radius: 5px;
};
a {
color: white;
}
}
.toc-title {
display: none;
}

0 comments on commit 796ce0d

Please sign in to comment.