stylobate-islands
Advanced tools
Comparing version 0.10.3 to 0.10.4
@@ -26,6 +26,3 @@ --- | ||
> | ||
> .checkbox | ||
> kind: icon | ||
> skin: checkbox | ||
> {:.styl} | ||
> <div class="example:checkbox"></div> | ||
@@ -47,11 +44,4 @@ Если же надо сделать чекбокс определённого (не зависимого от размера шрифта) размера, вне контекста, можно сделать так: | ||
> | ||
> .normal-checkbox | ||
> kind: icon (size $m $m) | ||
> skin: checkbox sizeless (-icon '& > .checkbox-icon') | ||
> | ||
> .small-radio | ||
> kind: icon (size ($m - 0.2*rem) ($m - 0.2*rem)) | ||
> skin: radio sizeless (-icon '& > .radio-icon') | ||
> {:.styl} | ||
> <div class="example:sized-checkbox"></div> | ||
Нужно отметить, что из-за того, что имя внутреннего элемента отличается от родителя (`small-radio` и `radio-icon`) нужно при вызове явно прокидывать имя внутреннего элемента, не опираясь на дефолт. |
@@ -30,8 +30,3 @@ --- | ||
> | ||
> .group | ||
> skin: group | ||
> | ||
> .group > .toggle-button | ||
> skin: group-item | ||
> {:.styl} | ||
> <div class="example:group"></div> | ||
@@ -91,10 +86,4 @@ В случае если кнопка или другой блок, которому нужно задать соответствующий скин, может лежать внутри, можно воспользоваться специальным скином: | ||
> | ||
> .group | ||
> skin: group | ||
> | ||
> .group > .toggler | ||
> skin: nested-group-item '.toggler-view' | ||
> {:.styl} | ||
> <div class="example:nested-group"></div> | ||
В случаях когда элементы группы лежат в контейнере в неверном порядке (скажем, при использовании `float` и в некоторых иных случаях), можно задать соответствующим элементам групп нужные скины раздельно: | ||
@@ -107,1 +96,3 @@ | ||
skin: group-end | ||
> <div class="example:group-item"></div> |
{ | ||
"name": "stylobate-islands", | ||
"version": "0.10.3", | ||
"version": "0.10.4", | ||
"author": "Roman Komarov <kizmarh@ya.ru> (http://kizu.ru/en/)", | ||
@@ -5,0 +5,0 @@ "licence": "MIT", |
@@ -25,5 +25,2 @@ --- | ||
> | ||
> .radio | ||
> kind: icon | ||
> skin: radio | ||
> {:.styl} | ||
> <div class="example:radio"></div> |
Sorry, the diff of this file is not supported yet
76527