8000 improve styling on donate button · mikemartin/vuejs.org@6ae8a59 · GitHub
[go: up one dir, main page]
Skip to content

Commit 6ae8a59

Browse files
chrisvfritzchrisvfritz
committed
improve styling on donate button
1 parent 36c96a4 commit 6ae8a59

File tree

2 files changed

+21
-33
lines changed

2 files changed

+21
-33
lines changed

‎themes/vue/layout/partials/sidebar.ejs

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,8 @@
44
</ul>
55
<div class="list">
66
<div id="donate" style="margin-bottom: 20px">
7-
<span class="wrapper" style="width: 110px">
8-
<img src="/images/patreon.png">
9-
<a href="/support-vuejs">Support Vue.js</a>
10-
</span>
7+
<img src="/images/patreon.png">
8+
<a href="/support-vuejs">Support Vue.js</a>
119
</div>
1210
<h2>
1311
<%- type === 'api' ? 'API' : (type.charAt(0).toUpperCase() + type.slice(1)) %>

‎themes/vue/source/css/_common.styl

Lines changed: 19 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -185,32 +185,22 @@ a.button
185185
border-top 5px solid #ccc
186186

187187
#donate
188-
height 24px
189-
.wrapper
190-
vertical-align top
191-
height 20px
192-
border 1px solid #d4d4d4
193-
display inline-block
194-
box-sizing border-box
195-
line-height 16px
196-
border-radius 3px
197-
cursor pointer
198-
background-image linear-gradient(to bottom,#fcfcfc 0,#eee 100%)
199-
position relative
200-
width 72px
201-
&:hover
202-
border-color #ccc
203-
background-image linear-gradient(to bottom,#eee 0,#ddd 100%)
204-
img
205-
width 14px
206-
height 14px
207-
position absolute
208-
top 2px
209-
left 5px
210-
a
211-
font 700 11px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif
212-
color #333333
213-
text-shadow 0 1px 0 #fff
214-
position absolute
215-
top 2px
216-
left 24px
188+
display: inline-block
189+
line-height: 0;
190+
padding: 3px 6px
191+
border-radius: 3px
192+
cursor: pointer
193+
background-image: linear-gradient(to bottom, #fcfcfc 0, #eee 100%)
194+
border: 1px solid #d4d4d4
195+
img
196+
display: inline-block
197+
vertical-align: middle
198+
width 14px
199+
height 14px
200+
a
201+
font 700 11px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif
202+
color #333333
203+
text-shadow 0 1px 0 #fff
204+
&:hover
205+
border-color: #ccc
206+
background-image: linear-gradient(to bottom, #eee 0, #ddd 100%)

0 commit comments

Comments
 (0)
0