Commit 85dec59cb1d257d460d2952cee7840367ef99e1b
1 parent
25e3c3de
Exists in
master
and in
6 other branches
add shareicons
Showing
16 changed files
with
56 additions
and
2 deletions
Show diff stats
.gitignore
1.48 KB
15.2 KB
1.52 KB
1.73 KB
15.5 KB
1.93 KB
1.79 KB
15.4 KB
1.72 KB
2.04 KB
15.7 KB
2.17 KB
index.html
| ... | ... | @@ -96,7 +96,12 @@ |
| 96 | 96 | <h1><a href="#">{{article.title}}</a></h1> |
| 97 | 97 | <a id="display-contrast" href="#">Alto Contraste</a> |
| 98 | 98 | <div class="social"> |
| 99 | - <a href="#" class="fb-share" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar</a> | |
| 99 | + <ul> | |
| 100 | + <li><a href="#" class="fb-share icon icon-facebook" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar no Facebook</a></li> | |
| 101 | + <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li> | |
| 102 | + <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li> | |
| 103 | + <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li> | |
| 104 | + </ul> | |
| 100 | 105 | </div> |
| 101 | 106 | </header> |
| 102 | 107 | ... | ... |
| ... | ... | @@ -0,0 +1,45 @@ |
| 1 | +.social { | |
| 2 | + margin-top: 45px; | |
| 3 | + position: relative; | |
| 4 | + z-index: 1; | |
| 5 | + ul { | |
| 6 | + list-style: none; | |
| 7 | + padding-left: 0; | |
| 8 | + } | |
| 9 | + li { | |
| 10 | + display: inline-block; | |
| 11 | + padding: 0 2px; | |
| 12 | + } | |
| 13 | + .icon { | |
| 14 | + background-repeat: no-repeat; | |
| 15 | + background-position: 50%; | |
| 16 | + display: inline-block; | |
| 17 | + height: 36px; | |
| 18 | + text-indent: -999999px; | |
| 19 | + width: 36px; | |
| 20 | + &-facebook { | |
| 21 | + background-image: url(images/icons/icon-facebook.png); | |
| 22 | + &.disabled { | |
| 23 | + background-image: url(images/icons/icon-facebook-disabled.png); | |
| 24 | + } | |
| 25 | + } | |
| 26 | + &-twitter { | |
| 27 | + background-image: url(images/icons/icon-twitter.png); | |
| 28 | + &.disabled { | |
| 29 | + background-image: url(images/icons/icon-twitter-disabled.png); | |
| 30 | + } | |
| 31 | + } | |
| 32 | + &-gplus { | |
| 33 | + background-image: url(images/icons/icon-gplus.png); | |
| 34 | + &.disabled { | |
| 35 | + background-image: url(images/icons/icon-gplus-disabled.png); | |
| 36 | + } | |
| 37 | + } | |
| 38 | + &-whatsapp { | |
| 39 | + background-image: url(images/icons/icon-whatsapp.png); | |
| 40 | + &.disabled { | |
| 41 | + background-image: url(images/icons/icon-whatsapp-disabled.png); | |
| 42 | + } | |
| 43 | + } | |
| 44 | + } | |
| 45 | +} | |
| 0 | 46 | \ No newline at end of file | ... | ... |
sass/style.scss