Skip to content

Commit

Permalink
control-group russian doc fix
Browse files Browse the repository at this point in the history
  • Loading branch information
Murdalay committed Jul 14, 2014
1 parent bec2972 commit 90f65b0
Showing 1 changed file with 14 additions and 14 deletions.
28 changes: 14 additions & 14 deletions common.blocks/control-group/control-group.ru.md
@@ -1,10 +1,10 @@
# control-group

Блок `control-group` – это обертка предназначенная для визуальной группировки других блоков. Группируемые блоки помещаются в поле `content` BEMJSON декларации.
Блок `control-group` – это обертка, предназначенная для визуальной группировки других блоков. Группируемые блоки помещаются в поле `content` BEMJSON декларации.

Блок реализован в технологии CSS и не вводит никакой дополнительной логики. Для вложенных блоков должна быть установлена тема *normal*.

В результате BEMHTML-преобразований на странице блок `control-group` становится HTML-элементом с тегом `<div>`.
В результате применения шаблонов блок `control-group` становится на странице HTML-элементом с тегом `<div>`.


## Варианты использования
Expand All @@ -23,7 +23,7 @@
{
block : 'input',
mods : { theme : 'normal', size : 'l', type : 'search' },
val : 'You-query',
val : 'Your-query',
placeholder : 'query'
},
{
Expand All @@ -36,7 +36,7 @@
```


Кроме того, можно группировать блоки, использующие `input` или `button` как один из компонентов. Например, в группу можно включить блок `select` управляющим компонентом для которого служит блок `button`:
Кроме того, можно группировать блоки, использующие `input` или `button`, как один из компонентов. Например, в группу можно включить блок `select`, управляющим компонентом для которого служит блок `button`:

```bemjson
{
Expand All @@ -54,7 +54,7 @@
},
{
block : 'select',
mods : { type : 'radio', theme : 'normal', size : 'm' },
mods : { mode : 'radio', theme : 'normal', size : 'm' },
options : [
{ val : 'usd', text : '$', checked : true },
{ val : 'euro', text : '€' }
Expand All @@ -76,7 +76,7 @@

### `input`

Для всех сгруппированных блоков `input` кроме последнего не отображается правая граница (CSS свойство `right` устанавливается равным нулю для псевдоэлемента `:before`). Для последнего блока группы толщина правой границы равна 1px.
Для всех сгруппированных блоков `input`, кроме последнего, не отображается правая граница (CSS свойство `right` устанавливается равным нулю для псевдоэлемента `:before`). Для последнего блока группы толщина правой границы равна 1px.

Например:

Expand Down Expand Up @@ -109,7 +109,7 @@

### `button`

Для блоков `button` группировка влияет на скругление углов и наличие правой границы. Внешний вид зависит от положения блока `button` внутри группы:
Для блоков `button` группировка влияет на скругление углов и наличие правой границы. Внешний вид зависит от положения блока `button` внутри группы – первый и последний элементы группы визуально отличаются от прочих:

<table>
<tr>
Expand All @@ -119,17 +119,17 @@
</tr>
<tr>
<td>Первый</td>
<td>Последний</td>
<td>Не из крайних</td>
<td>Скруглены левые углы, верхний и нижний</td>
<td>-</td>
</tr>
<tr>
<td>Скруглены левые, верхний и нижний</td>
<td>Скруглены правые, верхний и нижний</td>
<td>Без скругления углов</td>
<td>Последний</td>
<td>Скруглены правые углы, верхний и нижний</td>
<td>+</td>
</tr>
<tr>
<td>-</td>
<td>+</td>
<td>Не из крайних</td>
<td>Без скругления углов</td>
<td>-</td>
</tr>
</table>
Expand Down

0 comments on commit 90f65b0

Please sign in to comment.