stylobate-islands
Advanced tools
Comparing version 0.20.0 to 0.21.0
@@ -5,2 +5,7 @@ --- | ||
## v0.21.0 (2014-01-20) | ||
- Updated Stylobate. | ||
- Translated links to the new Stylobate. | ||
## v0.20.0 (2014-01-17) | ||
@@ -7,0 +12,0 @@ |
@@ -29,2 +29,21 @@ --- | ||
#### Группировка {#field-group} | ||
Для такого инпута хорошо работает группировка с кнопками: | ||
> <div class="group"> | ||
> <button class="button group-item" type="button"> | ||
> <span class="button-content">–</span> | ||
> </button | ||
> ><input class="input group-item" type="text" style="width:100px" | ||
> /><button class="button group-item" type="button"> | ||
> <span class="button-content">⟷</span> | ||
> </button | ||
> ><input class="input group-item" type="text" style="width:100px" | ||
> /><button class="button group-item" type="button"> | ||
> <span class="button-content">+</span> | ||
> </button> | ||
> </div> | ||
### Сложные инпуты {#fields} | ||
@@ -102,2 +121,22 @@ | ||
#### Имя сервиса внутри инпута {#field-label} | ||
Специально для использования внутри инпута есть скин для «меток», обычно они используются для имени сервиса внутри инпута: | ||
skin: input-label | ||
> <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"> </span> | ||
> </span> | ||
> </label> | ||
> | ||
> <div class="example:field-label"></div> | ||
#### Плейсхолдеры {#field-placeholder} | ||
@@ -158,38 +197,2 @@ | ||
#### Группировка {#field-group} | ||
Для такого инпута хорошо работает группировка с кнопками: | ||
> <div class="group"> | ||
> <button class="button group-item" type="button"> | ||
> <span class="button-content">–</span> | ||
> </button | ||
> ><input class="input group-item" type="text" style="width:100px" | ||
> /><button class="button group-item" type="button"> | ||
> <span class="button-content">⟷</span> | ||
> </button | ||
> ><input class="input group-item" type="text" style="width:100px" | ||
> /><button class="button group-item" type="button"> | ||
> <span class="button-content">+</span> | ||
> </button> | ||
> </div> | ||
#### Имя сервиса внутри инпута {#field-label} | ||
Специально для использования внутри инпута есть скин для «меток», обычно они используются для имени сервиса внутри инпута: | ||
skin: input-label | ||
> <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"> </span> | ||
> </span> | ||
> </label> | ||
> | ||
> <div class="example:field-label"></div> | ||
#### Автоувеличивающийся инпут {#resizing-field} | ||
@@ -220,2 +223,3 @@ | ||
### Инпут с ошибкой {#input-error} | ||
@@ -222,0 +226,0 @@ |
{ | ||
"name": "stylobate-islands", | ||
"version": "0.20.0", | ||
"version": "0.21.0", | ||
"author": "Roman Komarov <kizmarh@ya.ru> (http://kizu.ru/en/)", | ||
@@ -16,3 +16,3 @@ "licence": "MIT", | ||
"dependencies": { | ||
"stylobate": "0.20.0" | ||
"stylobate": "0.21.0" | ||
}, | ||
@@ -19,0 +19,0 @@ "devDependencies": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
112319
+ Addedstylobate@0.21.0(transitive)
+ Addedutilus.styl@0.9.0(transitive)
- Removedstylobate@0.20.0(transitive)
- Removedutilus.styl@0.8.0(transitive)
Updatedstylobate@0.21.0