Permalink
Browse files

refactor: social icon bar

  • Loading branch information...
MOxFIVE committed Apr 21, 2016
1 parent 4d875cb commit f722d10a2254576a436b94533854ca42095dc06b
Showing with 28 additions and 35 deletions.
  1. +1 −1 layout/_partial/left-col.ejs
  2. +1 −1 layout/_partial/mobile-nav.ejs
  3. +26 −33 source/css/_partial/customise/social-icon.styl
@@ -71,7 +71,7 @@
<nav class="header-nav">
<ul class="social">
<% for (var i in theme.subnav){ %>
<li id="<%= i %>"><a class="<%= i %>" target="_blank" href="<%- url_for(theme.subnav[i]) %>" title="<%= i %>"></a></li>
<a class="fa <%= i %>" target="_blank" href="<%- url_for(theme.subnav[i]) %>" title="<%= i %>"></a>
<%}%>
</ul>
</nav>
@@ -25,7 +25,7 @@
<nav class="header-nav">
<ul class="social">
<% for (var i in theme.subnav){ %>
<li id="<%= i %>"><a class="<%= i %>" target="_blank" href="<%- url_for(theme.subnav[i]) %>" title="<%= i %>"></a></li>
<a class="fa <%= i %>" target="_blank" href="<%- url_for(theme.subnav[i]) %>" title="<%= i %>"></a>
<%}%>
</ul>
</nav>
@@ -1,49 +1,42 @@
#header .header-nav .social
margin-top:10px
margin-top 10px
text-align center
font-family Arial
li
display inline-block
a
width base-font-size + 21
height @width
border-radius 50%
margin 0 2px 6px
font base-font-size + 7 FontAwesome
vertical-align middle
font-size .66*@width
line-height @width
text-align center
color white
background #6f7170
opacity i-opacity
text-align center
box-shadow 1px 2px 2px rgba(0,0,0, .1), 1px 1px 3px rgba(0,0,0, .3)
a
line-height @width
color white
&:hover
opacity 1
transform scale(1.1)
img-logo = "新浪微博" #ecc260 80%,
"知乎" #0078d8 90%,
"豆瓣" #06c611 88%,
V2EX #e4cdb4 78%,
TiddlyWiki #6283dd 82%,
"简书" #e99888 82%,
SegmentFault #018f56 80%,
"网易云音乐" #e51e02 80%,
"虾米音乐" #ff6a00 82%
"知乎" #0078d8 90%,
"豆瓣" #06c611 88%,
V2EX #e4cdb4 78%,
TiddlyWiki #6283dd 82%,
"简书" #e99888 82%,
SegmentFault #018f56 80%,
"网易云音乐" #e51e02 80%,
"虾米音乐" #ff6a00 82%
for i in img-logo
.{i[0]}:before
content '\f18a'
color transparent
#{i[0]}
background: url(root-url + '/img/' + i[0] + '.png') center no-repeat i[1]
background-size: i[2]
.GitHub:before
content '\f18a'
color transparent
.{i[0]}
background url(root-url + '/img/' + i[0] + '.png') center no-repeat i[1]
background-size i[2]
#GitHub
background: url(//cdn.bootcss.com/logos/0.2.0/github-octocat.svg) no-repeat white
background-size: 90%
.GitHub
background url(//cdn.bootcss.com/logos/0.2.0/github-octocat.svg) no-repeat white
background-size 90%
background-position 50% 100%
// icon from Font Awesome
@@ -65,7 +58,7 @@
_500px f26e #0099e5
for i in font-logo
.{i[0]}:before
content '\' + i[1]
#{i[0]}
background i[2]
.{i[0]}
background i[2]
&::before
content '\' + i[1]

0 comments on commit f722d10

Please sign in to comment.