Merge pull request #44 from voischev/v0.2.0

release v0.2.0

common.blocks/github/_button/github_button_download.bemhtml → common.blocks/github-button/_type/github-button_type_download.bemhtml

@@ -1,6 +1,4 @@
-block('github').mod('button', 'download')(
-    tag()('a'),
-    cls()('github-button'),
+block('github-button').mod('type', 'download')(
     attrs()(function() {
         var mods = this.ctx.mods;
         var user = this.ctx.user;

common.blocks/github/_button/github_button_follow.bemhtml → common.blocks/github-button/_type/github-button_type_follow.bemhtml

@@ -1,6 +1,4 @@
-block('github').mod('button', 'follow')(
-    tag()('a'),
-    cls()('github-button'),
+block('github-button').mod('type', 'follow')(
     attrs()(function() {
         var mods = this.ctx.mods;
         var user = this.ctx.user;

common.blocks/github/_button/github_button_fork.bemhtml → common.blocks/github-button/_type/github-button_type_fork.bemhtml

@@ -1,6 +1,4 @@
-block('github').mod('button', 'fork')(
-    tag()('a'),
-    cls()('github-button'),
+block('github-button').mod('type', 'fork')(
     attrs()(function() {
         var mods = this.ctx.mods;
         var user = this.ctx.user;

common.blocks/github/_button/github_button_issue.bemhtml → common.blocks/github-button/_type/github-button_type_issue.bemhtml

@@ -1,6 +1,4 @@
-block('github').mod('button', 'issue')(
-    tag()('a'),
-    cls()('github-button'),
+block('github-button').mod('type', 'issue')(
     attrs()(function() {
         var mods = this.ctx.mods;
         var user = this.ctx.user;

common.blocks/github/_button/github_button_star.bemhtml → common.blocks/github-button/_type/github-button_type_star.bemhtml

@@ -1,6 +1,4 @@
-block('github').mod('button', 'star')(
-    tag()('a'),
-    cls()('github-button'),
+block('github-button').mod('type', 'star')(
     attrs()(function() {
         var mods = this.ctx.mods;
         var user = this.ctx.user;

common.blocks/github/_button/github_button_watch.bemhtml → common.blocks/github-button/_type/github-button_type_watch.bemhtml

@@ -1,6 +1,4 @@
-block('github').mod('button', 'watch')(
-    tag()('a'),
-    cls()('github-button'),
+block('github-button').mod('type', 'watch')(
     attrs()(function() {
         var mods = this.ctx.mods;
         var user = this.ctx.user;

common.blocks/github-button/github-button.bemhtml

@@ -0,0 +1,3 @@
+block('github-button')(
+    tag()('a')
+);

common.blocks/github/_button/github_button.browser.js → common.blocks/github-button/github-button.browser.js

@@ -1,5 +1,3 @@
-/* global modules:false */
-
 modules.require([], function() {
     (function(d, s, id){
         var js,

common.blocks/github-ribbon/github-ribbon.bemhtml

@@ -0,0 +1,17 @@
+block('github-ribbon')(
+    tag()('a'),
+    attrs()(function() {
+        return {
+            href : this.ctx.url
+        };
+    }),
+    content()(function() {
+        return {
+            tag : 'img',
+            attrs : {
+                src : this.ctx.image,
+                alt : this.ctx.alt || 'Fork me on GitHub'
+            }
+        };
+    })
+);

common.blocks/github-ribbon/github-ribbon.md

@@ -0,0 +1,30 @@
+#github-ribbon
+
+## Моды
+
+`url` — ссылка на страницу репозитория
+
+`image` — если указан подгружает кастомную картинку
+
+## Модификаторы 
+- `left` {true}
+
+Ribbon прижат вправо
+
+- `right` {true}
+
+Ribbon прижат вправо
+
+- `theme` : {Имя темы} (опционально)
+
+Переопределяет моду `image` на одну из тем https://github.com/blog/273-github-ribbons
+Нужен уровень переопределения `bem-social/design/common.blocks`
+
+## Пример
+```js
+{
+    block : 'github-ribbon',
+    mods : { theme : 'red', right : true },
+    url : 'https://github.com/voischev/bem-social'
+}
+```

common.blocks/github-ribbon/github-ribbon.styl

@@ -0,0 +1,18 @@
+.github-ribbon
+{
+    position: absolute;
+    top: 0;
+
+    .image {
+        margin: 0;
+        padding: 0;
+        border: none;
+    }
+
+    &.github-ribbon_left{
+        left: 0;
+    }
+    &.github-ribbon_right{
+        right: 0;
+    }
+}

design/common.blocks/github-ribbon/_theme/github-ribbon_theme_darkblue.bemhtml

@@ -0,0 +1,7 @@
+block('github-ribbon').mod('theme', 'darkblue').def()(function() {
+    this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png';
+    if(this.mods.right) {
+        this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png';
+    }
+    applyNext();
+});

design/common.blocks/github-ribbon/_theme/github-ribbon_theme_gray.bemhtml

@@ -0,0 +1,7 @@
+block('github-ribbon').mod('theme', 'gray').def()(function() {
+    this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_left_gray_6d6d6d.png';
+    if(this.mods.right) {
+        this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png';
+    }
+    applyNext();
+});

design/common.blocks/github-ribbon/_theme/github-ribbon_theme_green.bemhtml

@@ -0,0 +1,7 @@
+block('github-ribbon').mod('theme', 'green').def()(function() {
+    this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png';
+    if(this.mods.right) {
+        this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png';
+    }
+    applyNext();
+});

design/common.blocks/github-ribbon/_theme/github-ribbon_theme_orange.bemhtml

@@ -0,0 +1,7 @@
+block('github-ribbon').mod('theme', 'orange').def()(function() {
+    this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png';
+    if(this.mods.right) {
+        this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png';
+    }
+    applyNext();
+});

design/common.blocks/github-ribbon/_theme/github-ribbon_theme_red.bemhtml

@@ -0,0 +1,7 @@
+block('github-ribbon').mod('theme', 'red').def()(function() {
+    this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png';
+    if(this.mods.right) {
+        this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png';
+    }
+    applyNext();
+});

design/common.blocks/github-ribbon/_theme/github-ribbon_theme_white.bemhtml

@@ -0,0 +1,7 @@
+block('github-ribbon').mod('theme', 'white').def()(function() {
+    this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_left_white_ffffff.png';
+    if(this.mods.right) {
+        this.ctx.image = 'https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png';
+    }
+    applyNext();
+});