提交 3e4de1de 编写于 作者: D Dmitriy Zaporozhets

Use triangle for current tab highlight

上级 f15e8a0c
...@@ -6,9 +6,7 @@ ...@@ -6,9 +6,7 @@
ul { ul {
margin: auto; margin: auto;
height: 41px; height: 42px;
position: relative;
top: 3px;
overflow: hidden; overflow: hidden;
.count { .count {
font-weight: normal; font-weight: normal;
...@@ -34,10 +32,23 @@ ...@@ -34,10 +32,23 @@
display: table-cell; display: table-cell;
width: 1%; width: 1%;
&.active { &.active {
border-bottom: 3px solid #777;
a { a {
color: $style_color; color: $style_color;
font-weight: bolder; font-weight: bolder;
&:after {
content: '';
display: block;
position: relative;
bottom: 8px;
left: 50%;
width: 0;
height: 0;
border-color: transparent transparent #777 transparent;
border-style: solid;
border-width: 6px;
margin-left: -6px;
}
} }
} }
...@@ -67,6 +78,7 @@ ...@@ -67,6 +78,7 @@
text-shadow: 0 1px 1px white; text-shadow: 0 1px 1px white;
padding: 0 10px; padding: 0 10px;
text-decoration: none; text-decoration: none;
padding-top: 4px;
} }
} }
} }
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册