Skip to content

Commit

Permalink
fixed menu description
Browse files Browse the repository at this point in the history
  • Loading branch information
Murdalay committed Jul 3, 2014
1 parent 3b2eb85 commit f917dbd
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 17 deletions.
28 changes: 14 additions & 14 deletions common.blocks/menu/_menu.en.md
@@ -1,10 +1,10 @@
# menu

A `menu` block is used for creation of various types of menus and lists. It allows to manage state, behaviour and the appearance of menus.
A `menu` block is used for creation of various types of menus and lists. It allows to manage state, behavior and appearance of menus.

As a result of BEMHTML transformations, a block will be rendered to a `<div>` HTML element, with `role="menu"` attribute set. The block's HTML element contains a set of switches – the `menu-item` blocks.

It allow to manage the appearance, state and size of a menu blocks, as well as manage the nested `menu-items` block's appearance.
It allow to manage the appearance, state and size of a menu blocks as well as manage the nested `menu-items` block's appearance.


## menu use cases
Expand All @@ -15,11 +15,11 @@ A `menu` block is used for creation of following menu types:
<tr>
<th>Type</th>
<th>Description</th>
<th>An example</th>
<th>Example</th>
</tr>
<tr>
<td>A switch menu</td>
<td>Used for creation of a lists with a single selectable item.</td>
<td>Switch menu</td>
<td>Used for creation of lists with a single selectable item.</td>
<td>
<pre><code>
{
Expand Down Expand Up @@ -74,7 +74,7 @@ A `menu` block is used for creation of following menu types:
</tr>
<tr>
<td>Basic list (with <code>_select</code> modifier is unset)</td>
<td>A menu item's state will not change on mouse click. A <code>_cheked</code> state modifier will not be toggled.</td>
<td>Menu item's state will not change on mouse click. A <code>_cheked</code> state modifier will not be toggled.</td>
<td>
<pre><code>
{
Expand Down Expand Up @@ -108,9 +108,9 @@ A `menu` block is used for creation of following menu types:
* simple
* normal

If a `_theme` modifier is not set, the browser defaults (`default`) will be applied to the block.
If a `_theme` modifier is not set, browser defaults (`default`) will be applied to the block.

Following example demonstrates this:
For example:

#### default

Expand Down Expand Up @@ -178,7 +178,7 @@ Following example demonstrates this:
### The sizes `_size`

Mandatory modifier. Available for *normal* theme only.
Provides the size value to all types of radio groups.
Provides a size value to all types of radio groups.

There are four sizes available: **S**, **M**, **L**, **XL**.

Expand Down Expand Up @@ -319,11 +319,11 @@ There are four sizes available: **S**, **M**, **L**, **XL**.

### Menu item selection options `_select`

A `_select` modifier is defines a menu item's reaction on mouse click. For example, it controls an multiple items selectability.
A `_select` modifier defines a menu item's reaction on mouse click. For example, it controls multiple items selectability.

Following modifier values are available:

* `check` – a selectable list.A menu item will change it's state to opposite on each mouse click. An active item will become inactive and, vice versa. Multiple choice is available;
* `check` – a selectable list. A menu item will change it's state to opposite on each mouse click. An active item will become inactive and vice versa. Multiple choice is available;
* `radio` – a switcher. Inactive menu item will be activated on mouse click. On re-clicking the menu item will remain **active**. Multiple choice not available;
* `radio-check` – a switcher. Inactive menu item will be activated on mouse click. On re-clicking the active menu item will become **inactive**. Multiple choice not available.

Expand Down Expand Up @@ -426,7 +426,7 @@ Available for all block themes.

#### In focus `_focused`

A `_focused` modifier is automaticly toggles to the block when it is in focus. For example, on mouse click or by `Tab` key press.
A `_focused` modifier is automatically toggles for the block when it is in focus. For example, on mouse click or by `Tab` key press.

Available for all block themes.

Expand Down Expand Up @@ -460,7 +460,7 @@ The `menu` block is visually represented by following elements:

### __group

A `__group` element is used for menu items grouping. An items, which needs to be grouped, should be placed to the element BEMJSON declaration's `content` field. The group elements are visually separated by a gray line.
A `__group` element is used for menu items grouping. An Items that needed grouping should be placed to the element BEMJSON declaration's `content` field. The group elements are visually separated by a gray line.

For example:

Expand Down Expand Up @@ -544,7 +544,7 @@ For example:

## Dependencies

The `menu` block depends on:
The block depends on:

* `i-bem__dom`
* `menu-item`
Expand Down
6 changes: 3 additions & 3 deletions common.blocks/menu/_menu.ru.md
Expand Up @@ -46,7 +46,7 @@
</td>
<tr>
<td>Селект с множественным выбором (<code>_select_check</code>)</td>
<td>При щелчке мышью по пункту меню его состояние меняется на противоположное. Если пункт был активен – он деактивируется, и наоборот.</td>
<td>При щелчке мышью по пункту меню его состояние меняется на противоположное. Если пункт был активен – он деактивируется и наоборот.</td>
<td>
<pre><code>
{
Expand Down Expand Up @@ -112,9 +112,9 @@
* simple
* normal

Без указания темы к блоку применяются значения по умолчанию (*default*), установленные браузером.
Без указания темы к блоку применяются значения, установленные браузером по умолчанию (*default*).

Наглядно видно на примерах ниже:
Наглядно показано на примерах ниже:

#### default

Expand Down

0 comments on commit f917dbd

Please sign in to comment.