stylobate-islands - npm Package Compare versions

Comparing version 0.10.1 to 0.10.2

arrow/skin-islands-arrow.md

@@ -11,11 +11,8 @@ ---
 > <div>
->   <div class="service-arrow">
->       Фотки
->   </div>
+>     <div class="service-arrow">
+>         Фотки
+>     </div>
 > </div>
 >
->     .service-arrow
->       kind: block inline
->       skin: arrow
-> {:.styl}
+> <div class="example:service-arrow"></div>
 
@@ -25,14 +22,8 @@ Если необходимо сделать стрелку-ссылку, это легко сделать, используя [скин ссылки](#skin-islands-link):
 > <div>
->   <a class="service-arrow" href="#x">
->       Фотки
->   </a>
+>     <a class="link-arrow" href="#x">
+>         Фотки
+>     </a>
 > </div>
 >
->     .service-arrow
->       kind: block inline
->       skin: arrow
->
->       a&
->         skin: link #000
-> {:.styl}
+> <div class="example:link-arrow"></div> 
 
@@ -44,25 +35,19 @@ Если же нужна поисковая стрелка, нужно использовать параметр `search` для правильных отступов (+ нужно поправить выравнивание поля внутри):
 > <div>
->   <div class="search-arrow">
->     <label class="field">
->       <a class="field-label" href="#x">
->           Маркет
->       </a>
->       <span class="field-content">
->           <input class="input-controller" type="text" value="Окна">
->           <span class="input-view">&nbsp;</span>
->       </span>
->     </label>
->     <button class="button" type="button">
->         <span class="button-content">Найти</span>
->     </button>
->   </div>
+>     <div class="search-arrow">
+>         <label class="field">
+>             <a class="field-label" href="#x">
+>                 Маркет
+>             </a>
+>             <span class="field-content">
+>                 <input class="input-controller" type="text" value="Окна">
+>                 <span class="input-view">&nbsp;</span>
+>             </span>
+>         </label>
+>         <button class="button" type="button">
+>             <span class="button-content">Найти</span>
+>         </button>
+>     </div>
 > </div>
 >
->     .search-arrow
->       kind: block inline
->       skin: arrow search
->
->       & > .field
->         vertical-align: top
-> {:.styl}
+> <div class="example:search-arrow"></div>
 
@@ -72,32 +57,19 @@ Такая стрелка не тянется, так как там внутри просто обычные инлайн-блоки, ну а если надо сделать её тянущейся, нужно использовать `kind: shrink` с дополнительным враппером:
 > <div class="search">
->   <button class="button search-right" type="button" tabindex="2">
->       <span class="button-content">Найти</span>
->   </button>
->   <div class="search-content">
->     <label class="search-field field">
->       <a class="field-label" href="#x">
->           Маркет
->       </a>
->       <span class="field-content">
->           <input class="input-controller" type="text" value="Окна" tabindex="1">
->           <span class="input-view">&nbsp;</span>
->       </span>
->     </label>
->   </div>
+>     <button class="button search-right" type="button" tabindex="2">
+>         <span class="button-content">Найти</span>
+>     </button>
+>     <div class="search-content">
+>         <label class="search-field field">
+>             <a class="field-label" href="#x">
+>                 Маркет
+>             </a>
+>             <span class="field-content">
+>                 <input class="input-controller" type="text" value="Окна" tabindex="1">
+>                 <span class="input-view">&nbsp;</span>
+>             </span>
+>         </label>
+>     </div>
 > </div>
 >
->     .search
->       kind: block
->       skin: arrow search
->
->       &-field
->         width: 100%
->
->       &-content
->         kind: shrink
->
->       &-right
->         kind: shrink-right
->         margin-left: $islands_xs
-> {:.styl}
+> <div class="example:search"></div>
 
@@ -117,11 +89,8 @@ По умолчанию хвостик делается с помощью псевдоэлемента, если же нужно его отделить, можно использовать параметр `no-elements` на «теле» и `tail` на хвостике (и в этом случае хвостик будет отображаться и в IE).
 > <div>
->   <div class="arrow-body">
->     <div class="arrow-tail">&nbsp;</div>
->       Компания
->   </div>
+>     <div class="custom-arrow">
+>         <div class="arrow-tail"></div>
+>         Компания
+>     </div>
 > </div>
 >
->     .arrow-body
->       kind: block inline
->       skin: arrow red 11*rem (-helper '& > .arrow-tail')
-> {:.styl}
+> <div class="example:custom-arrow"></div>

icon/skin-islands-icon.md

@@ -12,5 +12,3 @@ ---
 >
->     .icon_remove
->       skin: icon_remove
-> {:.styl}
+> <div class="example:icon_remove"></div>
 
@@ -21,5 +19,3 @@ Любую иконку можно сделать «активной» — добавить курсор и ховер с опасити, используя параметр `with-hover`
 >
->     .active-icon_remove
->       skin: icon _remove with-hover
-> {:.styl}
+> <div class="example:active-icon_remove"></div>
 
@@ -34,5 +30,3 @@ ### Нотификация {#icon_notification}
 >
->     .icon_notification
->       skin: icon_notification
-> {:.styl}
+> <div class="example:icon_notification"></div>
 
@@ -46,4 +40,2 @@ ### Дропдаун {#icon_dropdown}
 >
->     .icon_dropdown
->       skin: icon_dropdown
-> {:.styl}
+> <div class="example:icon_dropdown"></div>

package.json

 {
   "name": "stylobate-islands",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "author": "Roman Komarov <[e-mail]> (http://kizu.ru/en/)",
@@ -15,2 +15,16 @@ "licence": "MIT",
   },
+  "devDependencies": {
+    "stylobate": "0.13.x",
+    "autoprefixer": "0.7.x",
+    "stylus": "0.37.x",
+    "glob": "3.2.x",
+    "mocha": "*",
+    "should": "*"
+  },
+  "scripts": {
+    "test": "./node_modules/.bin/mocha test-runner.js --require should --reporter list"
+  },
+  "config": {
+    "whatToTest": "**"
+  },
   "engines": {
@@ -17,0 +31,0 @@ "node": ">=0.6"

README.md

@@ -1,1 +0,1 @@
-# Islands skin for stylobate
+# Islands skin for stylobate [![Build Status](https://travis-ci.org/yandex-ui/stylobate-islands.png?branch=master)](https://travis-ci.org/yandex-ui/stylobate-islands)

No alert changes

Improved metrics

Total package byte prevSize

77235

increased by0.21%

Worsened metrics

Dev dependency count

6

increased byInfinity%

No dependency changes