BIrman skin draft.
Artem Sapegin
parent
04c67754c0
commit
1b40c56921
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -5,6 +5,7 @@
|
|||
<title>Social Likes</title>
|
||||
<link id="styles_flat" href="../social-likes.css" rel="stylesheet">
|
||||
<link id="styles_classic" href="../social-likes_classic.css" rel="stylesheet" disabled>
|
||||
<link id="styles_birman" href="../social-likes_birman.css" rel="stylesheet" disabled>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
|
|
@ -12,6 +13,7 @@ function updateSkin() {
|
|||
function el(id) { return document.getElementById(id); }
|
||||
el('styles_flat').disabled = true;
|
||||
el('styles_classic').disabled = true;
|
||||
el('styles_birman').disabled = true;
|
||||
el('styles_' + location.hash.slice(1)).disabled = false;
|
||||
}
|
||||
if (location.hash) {
|
||||
|
|
@ -34,6 +36,12 @@ body {
|
|||
padding:20px;
|
||||
font-family:Arial;
|
||||
}
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
}
|
||||
td {
|
||||
padding:0;
|
||||
}
|
||||
.dark-bg {
|
||||
margin:0 -20px;
|
||||
padding:20px;
|
||||
|
|
@ -54,12 +62,23 @@ body {
|
|||
font-weight:bold;
|
||||
cursor:none;
|
||||
}
|
||||
.show-grid .grid {
|
||||
border-left:1px solid hsla(0,0%,0%,.2);
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body class="skin_classic">
|
||||
|
||||
<div class="skin-switcher">Skin: <a id="flat" href="#flat">Flat</a>, <a id="classic" href="#classic">Classic</a>.</div>
|
||||
<div class="skin-switcher">
|
||||
Skin:
|
||||
<a id="flat" href="#flat">Flat</a>,
|
||||
<a id="birman" href="#birman">Birman</a>,
|
||||
<a id="classic" href="#classic">Classic</a>.
|
||||
<a id="grid" href="#">Toggle grid</a>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
|
||||
<h3>Standard</h3>
|
||||
<div class="social-likes" data-url="http://mail.ru/">
|
||||
|
|
@ -153,29 +172,35 @@ body {
|
|||
</ul>
|
||||
|
||||
<h3>Single button</h3>
|
||||
<ul class="social-likes social-likes_single" data-url="http://mail.ru/">
|
||||
<li class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</li>
|
||||
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</li>
|
||||
<li class="mailru" title="Опубликовать ссылку в Моём мире">Мой мир</li>
|
||||
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
|
||||
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
|
||||
<li class="plusone" title="Плюсануть в Гугле">Google+</li>
|
||||
<li class="pinterest" data-media="http://s3-ec.buzzfed.com/static/enhanced/webdr02/2013/8/20/11/anigif_enhanced-buzz-31256-1377012172-9.gif" title="Опубликовать ссылку в Pinterest">Pinterest</li>
|
||||
</ul>
|
||||
<ul class="social-likes social-likes_single social-likes_light" data-url="http://mail.ru/">
|
||||
<li class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</li>
|
||||
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</li>
|
||||
<li class="mailru" title="Опубликовать ссылку в Моём мире">Мой мир</li>
|
||||
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
|
||||
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
|
||||
<li class="plusone" title="Плюсануть в Гугле">Google+</li>
|
||||
<li class="pinterest" data-media="http://s3-ec.buzzfed.com/static/enhanced/webdr02/2013/8/20/11/anigif_enhanced-buzz-31256-1377012172-9.gif" title="Опубликовать ссылку в Pinterest">Pinterest</li>
|
||||
</ul>
|
||||
<ul class="social-likes social-likes_single social-likes_light social-likes_single-light" data-url="http://mail.ru/" data-single-title="Share me">
|
||||
<li class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</li>
|
||||
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</li>
|
||||
<li class="mailru" title="Опубликовать ссылку в Моём мире">Мой мир</li>
|
||||
</ul>
|
||||
<p>
|
||||
<ul class="social-likes social-likes_single" data-url="http://mail.ru/">
|
||||
<li class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</li>
|
||||
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</li>
|
||||
<li class="mailru" title="Опубликовать ссылку в Моём мире">Мой мир</li>
|
||||
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
|
||||
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
|
||||
<li class="plusone" title="Плюсануть в Гугле">Google+</li>
|
||||
<li class="pinterest" data-media="http://s3-ec.buzzfed.com/static/enhanced/webdr02/2013/8/20/11/anigif_enhanced-buzz-31256-1377012172-9.gif" title="Опубликовать ссылку в Pinterest">Pinterest</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>
|
||||
<ul class="social-likes social-likes_single social-likes_light" data-url="http://mail.ru/">
|
||||
<li class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</li>
|
||||
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</li>
|
||||
<li class="mailru" title="Опубликовать ссылку в Моём мире">Мой мир</li>
|
||||
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
|
||||
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
|
||||
<li class="plusone" title="Плюсануть в Гугле">Google+</li>
|
||||
<li class="pinterest" data-media="http://s3-ec.buzzfed.com/static/enhanced/webdr02/2013/8/20/11/anigif_enhanced-buzz-31256-1377012172-9.gif" title="Опубликовать ссылку в Pinterest">Pinterest</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>
|
||||
<ul class="social-likes social-likes_single social-likes_light social-likes_single-light" data-url="http://mail.ru/" data-single-title="Share me">
|
||||
<li class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</li>
|
||||
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</li>
|
||||
<li class="mailru" title="Опубликовать ссылку в Моём мире">Мой мир</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<h3>Icons only</h3>
|
||||
<ul class="social-likes social-likes_notext" data-url="http://maps.mail.ru/">
|
||||
|
|
@ -290,5 +315,18 @@ var socialLikesButtons = {
|
|||
<ul class="social-likes">
|
||||
<li class="surfingbird" data-counter="666">Surf</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
if ('localStorage' in window) {
|
||||
$('body').toggleClass('show-grid', localStorage.getItem('show-grid') === 'true');
|
||||
$('#grid').click(function(e) {
|
||||
$('body').toggleClass('show-grid');
|
||||
localStorage.setItem('show-grid', $('body').hasClass('show-grid'));
|
||||
e.preventDefault();
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,8 @@ module.exports = function(grunt) {
|
|||
compile: {
|
||||
files: {
|
||||
'../social-likes.css': 'styles/flat/index.styl',
|
||||
'../social-likes_classic.css': 'styles/classic/index.styl'
|
||||
'../social-likes_classic.css': 'styles/classic/index.styl',
|
||||
'../social-likes_birman.css': 'styles/birman/index.styl'
|
||||
}
|
||||
},
|
||||
contrib: {
|
||||
|
|
@ -82,7 +83,7 @@ module.exports = function(grunt) {
|
|||
options: {
|
||||
pngquant: true
|
||||
},
|
||||
main: {
|
||||
classic: {
|
||||
files: [
|
||||
{
|
||||
expand: true,
|
||||
|
|
@ -91,6 +92,16 @@ module.exports = function(grunt) {
|
|||
dest: 'styles/classic/icons/'
|
||||
}
|
||||
]
|
||||
},
|
||||
birman: {
|
||||
files: [
|
||||
{
|
||||
expand: true,
|
||||
cwd: 'styles/birman/icons_src/',
|
||||
src: '*.png',
|
||||
dest: 'styles/birman/icons/'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
|
@ -98,6 +109,9 @@ module.exports = function(grunt) {
|
|||
livereload: true
|
||||
},
|
||||
stylus: {
|
||||
options: {
|
||||
atBegin: true
|
||||
},
|
||||
files: 'styles/**',
|
||||
tasks: ['stylus:compile']
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
"private": true,
|
||||
"devDependencies": {
|
||||
"grunt": "~0.4.2",
|
||||
"grunt-contrib-jshint": "~0.7.2",
|
||||
"grunt-contrib-jshint": "~0.8.0",
|
||||
"grunt-contrib-uglify": "~0.2.7",
|
||||
"grunt-contrib-watch": "~0.5.3",
|
||||
"grunt-contrib-stylus": "~0.11.0",
|
||||
|
|
|
|||
|
|
@ -1,24 +1,57 @@
|
|||
// Social Likes by Artem Sapegin. http://sapegin.github.io/social-likes/
|
||||
|
||||
.social-likes,
|
||||
.social-likes__widget {
|
||||
display:inline-block;
|
||||
vertical-align:middle;
|
||||
text-indent:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
word-spacing:0 !important;
|
||||
text-indent:0 !important;
|
||||
// :link and :visited states of the link.
|
||||
//
|
||||
// Example:
|
||||
// +link-base()
|
||||
// color: #bada55
|
||||
link-base() {
|
||||
&,
|
||||
&:link,
|
||||
&:visited {
|
||||
{block}
|
||||
}
|
||||
}
|
||||
|
||||
// :hover, :active and :focus states of the link.
|
||||
//
|
||||
// Example:
|
||||
// +link-hovers()
|
||||
// color: #bada55
|
||||
link-hovers() {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
{block}
|
||||
}
|
||||
}
|
||||
|
||||
// Tweak inverted text (light on dark) for OS X.
|
||||
tweak-inverted-text() {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-moz-osx-font-smoothing:grayscale;
|
||||
}
|
||||
|
||||
.social-likes {
|
||||
border:0 !important;
|
||||
}
|
||||
.social-likes,
|
||||
.social-likes__widget {
|
||||
display:inline-block;
|
||||
vertical-align:middle !important;
|
||||
text-indent:0 !important;
|
||||
padding:0 !important;
|
||||
word-spacing:0 !important;
|
||||
text-indent:0 !important;
|
||||
list-style:none !important;
|
||||
}
|
||||
|
||||
.social-likes {
|
||||
&__widget {
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
// overflow:hidden;
|
||||
&:before,
|
||||
&:after {
|
||||
display:none !important; // Remove nice bullets
|
||||
|
|
@ -26,6 +59,8 @@
|
|||
}
|
||||
&_vertical &__widget {
|
||||
display:block;
|
||||
float:left;
|
||||
clear:left;
|
||||
}
|
||||
|
||||
&__button,
|
||||
|
|
@ -64,6 +99,13 @@
|
|||
position:relative;
|
||||
font-weight:normal;
|
||||
cursor:default;
|
||||
&_link {
|
||||
color:inherit;
|
||||
+link-hovers() {
|
||||
cursor:pointer;
|
||||
text-decoration:underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__close {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
Binary file not shown.
|
After Width: | Height: | Size: 567 B |
Binary file not shown.
|
After Width: | Height: | Size: 567 B |
Binary file not shown.
|
After Width: | Height: | Size: 308 B |
Binary file not shown.
|
After Width: | Height: | Size: 304 B |
Binary file not shown.
|
After Width: | Height: | Size: 500 B |
Binary file not shown.
|
After Width: | Height: | Size: 500 B |
Binary file not shown.
|
After Width: | Height: | Size: 333 B |
Binary file not shown.
|
After Width: | Height: | Size: 333 B |
Binary file not shown.
|
After Width: | Height: | Size: 181 B |
Binary file not shown.
|
After Width: | Height: | Size: 181 B |
Binary file not shown.
|
After Width: | Height: | Size: 423 B |
Binary file not shown.
|
After Width: | Height: | Size: 423 B |
Binary file not shown.
|
After Width: | Height: | Size: 322 B |
Binary file not shown.
|
After Width: | Height: | Size: 322 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,193 @@
|
|||
// Social Likes by Artem Sapegin. http://sapegin.github.io/social-likes/
|
||||
// Birman skin
|
||||
// Design: Ilya Birman, http://ilyabirman.net/
|
||||
|
||||
@import '../base'
|
||||
|
||||
border_color=#ccc;
|
||||
margin=6px;
|
||||
|
||||
hover-button(button, color, text=null) {
|
||||
.social-likes__widget_{button} {
|
||||
+link-hovers() {
|
||||
background:color;
|
||||
border-color:color;
|
||||
color:text if text;
|
||||
.social-likes__icon_{button} {
|
||||
background-image:embedurl('icons/' button '-hover.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.social-likes {
|
||||
&,
|
||||
&_single-w {
|
||||
margin:(-(margin));
|
||||
line-height:20px;
|
||||
}
|
||||
|
||||
&__widget {
|
||||
margin:margin;
|
||||
color:#000;
|
||||
background:#fff;
|
||||
border:1px solid border_color;
|
||||
border-radius:3px;
|
||||
line-height:18px;
|
||||
|
||||
&,
|
||||
&__counter_link {
|
||||
+link-hovers() {
|
||||
tweak-inverted-text();
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__button,
|
||||
&__counter {
|
||||
vertical-align:middle;
|
||||
font-family:"Helvetica Neue", Arial, sans-serif;
|
||||
font-size:14px;
|
||||
// line-height:20px;
|
||||
cursor:inherit;
|
||||
}
|
||||
|
||||
&__button {
|
||||
margin:-1px;
|
||||
padding:2px 6px 2px 20px;
|
||||
font-weight:bold;
|
||||
border-right:0;
|
||||
}
|
||||
|
||||
&__icon {
|
||||
width:20px;
|
||||
height:20px;
|
||||
background-repeat:no-repeat;
|
||||
background-position:4px 5px;
|
||||
}
|
||||
|
||||
&__counter {
|
||||
min-width:12px;
|
||||
padding:1px 4px 2px;
|
||||
font-weight:normal;
|
||||
text-align:center;
|
||||
border-left:1px solid border_color;
|
||||
}
|
||||
|
||||
// On hover we replace usual border-left with border inside :before because it should be 2px longer to on top of
|
||||
// widget border which is now the same color as widget background.
|
||||
&__widget:hover > &__counter,
|
||||
&__widget:focus > &__counter,
|
||||
&__widget:active > &__counter {
|
||||
position:relative;
|
||||
border-left-color:transparent;
|
||||
&:before {
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:-1px;
|
||||
bottom:-1px;
|
||||
left:1px;
|
||||
// Color: text color with 40% opacity
|
||||
border-left:1px solid;
|
||||
opacity:.4;
|
||||
}
|
||||
}
|
||||
|
||||
&__close {
|
||||
padding:2px 4px;
|
||||
font:16px Verdana, Geneva, sans-serif;
|
||||
color:#999;
|
||||
}
|
||||
&__close:hover {
|
||||
color:#111;
|
||||
}
|
||||
|
||||
// Vertical mode
|
||||
&_vertical {
|
||||
margin:-6px (-(margin));
|
||||
|
||||
.social-likes__widget {
|
||||
margin:6px margin;
|
||||
}
|
||||
}
|
||||
|
||||
// Icons only mode
|
||||
&_notext {
|
||||
margin:-3px;
|
||||
|
||||
.social-likes__widget {
|
||||
margin:3px;
|
||||
}
|
||||
.social-likes__button {
|
||||
width:18px;
|
||||
}
|
||||
.social-likes__icon {
|
||||
width:100%;
|
||||
background-position:center center;
|
||||
}
|
||||
}
|
||||
|
||||
// Single button mode
|
||||
&_single {
|
||||
padding:margin !important;
|
||||
background:#fff;
|
||||
box-shadow:0 0 15px hsla(0,0%,0%,.3);
|
||||
}
|
||||
&_single &__widget:first-of-type {
|
||||
margin-right:margin+10px; // Prevent collapse of widget and close button
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Single button
|
||||
.social-likes__icon_single {
|
||||
background-image:embedurl('icons/single.png');
|
||||
background-position:5px 4px;
|
||||
}
|
||||
hover-button('single', #3673f4);
|
||||
|
||||
// Facebook
|
||||
.social-likes__icon_facebook {
|
||||
background-image:embedurl('icons/facebook.png');
|
||||
background-position:5px 5px;
|
||||
}
|
||||
hover-button('facebook', #425497);
|
||||
|
||||
// Twitter
|
||||
.social-likes__icon_twitter {
|
||||
background-image:embedurl('icons/twitter.png');
|
||||
}
|
||||
hover-button('twitter', #00b7ec);
|
||||
|
||||
// Google+
|
||||
.social-likes__icon_plusone {
|
||||
background-image:embedurl('icons/plusone.png');
|
||||
}
|
||||
hover-button('plusone', #dd4241);
|
||||
|
||||
// Mail.ru
|
||||
.social-likes__icon_mailru {
|
||||
background-image:embedurl('icons/mailru.png');
|
||||
}
|
||||
hover-button('mailru', #255896, #ffcd00);
|
||||
|
||||
// Vkontakte
|
||||
.social-likes__icon_vkontakte {
|
||||
background-image:embedurl('icons/vkontakte.png');
|
||||
}
|
||||
hover-button('vkontakte', #526e8f);
|
||||
|
||||
// Odnoklassniki
|
||||
.social-likes__icon_odnoklassniki {
|
||||
background-image:embedurl('icons/odnoklassniki.png');
|
||||
background-position:5px 5px;
|
||||
}
|
||||
hover-button('odnoklassniki', #f6903b);
|
||||
|
||||
// Pinterest
|
||||
.social-likes__icon_pinterest {
|
||||
background-image:embedurl('icons/pinterest.png');
|
||||
}
|
||||
hover-button('pinterest', #cc002b);
|
||||
|
|
@ -3,28 +3,30 @@
|
|||
|
||||
@import '../base'
|
||||
|
||||
margin=3px;
|
||||
|
||||
.social-likes,
|
||||
.social-likes__widget {
|
||||
border:0;
|
||||
line-height:20px;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
.social-likes {
|
||||
margin:-3px;
|
||||
line-height:26px;
|
||||
&,
|
||||
&_single-w {
|
||||
margin:(-(margin));
|
||||
line-height:20px;
|
||||
}
|
||||
|
||||
&__widget {
|
||||
margin:3px;
|
||||
margin:margin;
|
||||
}
|
||||
|
||||
&__button,
|
||||
&__counter {
|
||||
font-family:"Trebuchet MS", "Helvetica Neue", Tahoma, sans-serif;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
&__button,
|
||||
&__counter {
|
||||
line-height:18px;
|
||||
border-width:1px;
|
||||
border-style:solid;
|
||||
|
|
@ -51,6 +53,11 @@
|
|||
font-weight:normal;
|
||||
color:#666;
|
||||
color:hsla(0,0%,0%,.5);
|
||||
&_link {
|
||||
+link-base() {
|
||||
color:@color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__counter:before,
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@font-face {
|
||||
font-family:"social-likes";
|
||||
src:url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("social-likes.ttf") format("truetype");
|
||||
src:url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("social-likes.ttf") format("truetype");
|
||||
font-weight:normal;
|
||||
font-style:normal;
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -6,10 +6,14 @@
|
|||
@import 'font/social-likes'
|
||||
|
||||
light_gray = #999;
|
||||
margin=.5em;
|
||||
|
||||
.social-likes {
|
||||
margin:-.5em;
|
||||
line-height:1.5;
|
||||
&,
|
||||
&_single-w {
|
||||
margin:(-(margin));
|
||||
line-height:1.5;
|
||||
}
|
||||
|
||||
&,
|
||||
&__button_single {
|
||||
|
|
@ -17,9 +21,10 @@ light_gray = #999;
|
|||
}
|
||||
|
||||
&__widget {
|
||||
margin:.5em;
|
||||
margin:margin;
|
||||
line-height:1.5;
|
||||
background:#fff;
|
||||
border:0;
|
||||
}
|
||||
|
||||
&__button,
|
||||
|
|
@ -54,10 +59,9 @@ light_gray = #999;
|
|||
font-weight:normal;
|
||||
color:#000;
|
||||
&_link {
|
||||
cursor:pointer;
|
||||
}
|
||||
&_link:hover {
|
||||
text-decoration:underline;
|
||||
+link-base() {
|
||||
color:@color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ echo "Updating Social Likes on gh-pages…"
|
|||
grunt build
|
||||
cp ../social-likes.css ../../social-likes_gh-pages/src/
|
||||
cp ../social-likes_classic.css ../../social-likes_gh-pages/src/
|
||||
cp ../social-likes_birman.css ../../social-likes_gh-pages/src/
|
||||
cp ../social-likes.min.js ../../social-likes_gh-pages/src/
|
||||
cp social-likes.js ../../social-likes_gh-pages/src/
|
||||
pushd ../../social-likes_gh-pages/
|
||||
|
|
|
|||
Loading…
Reference in New Issue