// MaxSite CMS 
// Copyright http://max-3000.com/

// социконки на осноые шрифта grands

// в base.less добавить
// @import url('fonts/grands.less');

// использование
//	@import url('mixins/social_grands.less');
//	.social_grands > .set(25px, 1px);
//	.social_grands > .color(red, transparent); // цвет иконок дефолт (текст фон)
//	.social_grands > .hover_bg(); // меняем фон при наведении
// 	.social_grands > .hover_color(); // или только цвет текста
//	.social_grands > .round(5px); // скругление



.social_grands()
{
	// устанавливает иконки
	.set(
		@icon_height: 24px, 
		@icon_padding: 3px
		)
	{
		
		div.social {
			.align(right);
			
			a {
				padding: @icon_padding;
				margin: 0 0 3px 3px;
				display: inline-block;
				.f > .underline(none);
				.f > .size(@icon_height);
				height: @icon_height;
				line-height: @icon_height;
				width: @icon_height;
				
				.font_grands > .font_set(); // установка шрифта
				
				&:before {
					.font_grands > .share; // по умолчанию будет Share
				}

				&.rss:before { .font_grands > .rss; }
				&.twitter:before { .font_grands > .twitter; }
				&.facebook:before { .font_grands > .facebook; }
				&.gplus:before { .font_grands > .google; }
				&.github:before { .font_grands > .github-circle; }
				&.skype:before { .font_grands > .skype; }
				&.vkontakte:before { .font_grands > .vkontakte; }
				&.blogger:before { .font_grands > .blogspot; }
				&.dropbox:before { .font_grands > .dropbox; }
				&.evernote:before { .font_grands > .evernote; }
				&.last_fm:before { .font_grands > .lastfm; }
				&.linked_in:before { .font_grands > .linked-in; }
				&.mail:before { .font_grands > .email; }
				&.odnoklassniki:before { .font_grands > .moikrug; }
				&.vimeo:before { .font_grands > .vimeo; }
				&.youtube:before { .font_grands > .youtube; }
				&.email:before { .font_grands > .email; }
			}
		}
	}

	// указываем цвета
	.color(@icon_color: #fff, @icon_color_bg: #bbb)
	{
		div.social {
			a {
				color: @icon_color;
				.bg(@icon_color_bg);
			}
		}
	}
	
	// выставляет поведение hover — меняем цвет фона
	.hover_bg(@icon_color_bg: #bbb, @icon_color_hover: #fff)
	{
		div.social {
			a {
				&:hover {
					.bg(@icon_color_bg);
					color: @icon_color_hover;
				}
				
				&.rss:hover { .bg(#E66000); }
				&.twitter:hover { .bg(#33CCFF); }
				&.facebook:hover { .bg(#3B5998); }
				&.gplus:hover { .bg(#DD4B39); }
				&.github:hover { .bg(#4183C4); }
				&.skype:hover { .bg(#00AFF0); }
				&.vkontakte:hover { .bg(#496C93); }
				&.blogger:hover { .bg(#FA9D3C); }
				&.dropbox:hover { .bg(#1F8CE6); }
				&.evernote:hover { .bg(#6FB536); }
				&.last_fm:hover { .bg(#D51007); }
				&.linked_in:hover { .bg(#0E5D86); }
				&.mail:hover { .bg(#F7A600); }
				&.odnoklassniki:hover { .bg(#E77B19); }
				&.vimeo:hover { .bg(#1AB7EA); }
				&.youtube:hover { .bg(#FF3333); }
				&.email:hover { .bg(#F14A29); }
			}
		}
	}
	
	// выставляет поведение hover — меняем цвет текста
	.hover_color(@icon_color_bg: transparent, @icon_color_hover: #000)
	{
		div.social {
			a {
				&:hover {
					.bg(@icon_color_bg);
					color: @icon_color_hover;
				}
				
				&.rss:hover { color: #E66000; }
				&.twitter:hover { color: #33CCFF; }
				&.facebook:hover { color: #3B5998; }
				&.gplus:hover { color: #DD4B39; }
				&.github:hover { color: #4183C4; }
				&.skype:hover { color: #00AFF0; }
				&.vkontakte:hover { color: #496C93; }
				&.blogger:hover { color: #FA9D3C; }
				&.dropbox:hover { color: #1F8CE6; }
				&.evernote:hover { color: #6FB536; }
				&.last_fm:hover { color: #D51007; }
				&.linked_in:hover { color: #0E5D86; }
				&.mail:hover { color: #F7A600; }
				&.odnoklassniki:hover { color: #E77B19; }
				&.vimeo:hover { color: #1AB7EA; }
				&.youtube:hover { color: #FF3333; }
				&.email:hover { color: #F14A29; }
			}
		}
	}

	// скругление углов иконок
	.round(@radius: 3px)
	{
		div.social {
			a {
				.border_radius(@radius);
			}
		}
	}
	
	
} // social_grands