stylobate-islands
Advanced tools
Comparing version 0.2.3 to 0.2.4
@@ -21,2 +21,18 @@ --- | ||
Если необходимо сделать стрелку-ссылку, это легко сделать, используя [скин ссылки](#skin-islands-link): | ||
> <div> | ||
> <a class="service-arrow" href="#x"> | ||
> Фотки | ||
> </a> | ||
> </div> | ||
> | ||
> .service-arrow | ||
> kind: block inline | ||
> skin: arrow | ||
> | ||
> a& | ||
> skin: link #000 | ||
> {:.styl} | ||
Если же нужна поисковая стрелка, нужно использовать параметр `search` для правильных отступов (+ нужно поправить выравнивание поля внутри): | ||
@@ -23,0 +39,0 @@ |
@@ -28,2 +28,9 @@ --- | ||
Текстария — визуально тот же инпут, так что можно использовать те же скины и классы: | ||
> <textarea class="small-input" rows="8" cols="20"> | ||
> Some text inside | ||
> </textarea> | ||
### Сложные инпуты {#fields} | ||
@@ -158,1 +165,13 @@ | ||
> {:.styl} | ||
#### Сложная текстария {#complex-textarea} | ||
Если использовать сложный инпут + текстарию, то довольно просто сделать автоувеличивающуюся по контенту текстарию с дополнительными внутренними элементами вроде иконки очистки: | ||
> <label class="field"> | ||
> <span class="field-reset"></span> | ||
> <span class="field-content"> | ||
> <textarea class="input-controller js-autosize" cols="20" rows="8" /> | ||
> <span class="input-view"> </span> | ||
> </span> | ||
> </label> |
{ | ||
"name": "stylobate-islands", | ||
"version": "0.2.3", | ||
"version": "0.2.4", | ||
@@ -5,0 +5,0 @@ "author": "Roman Komarov <kizmarh@ya.ru> (http://kizu.ru/en/)", |
Sorry, the diff of this file is not supported yet
58257
38