# Пример использования b-round

## Подключать

- common/css/b-round/b-round.css
- common/css/b-round/b-round.ie.css
- common/css/b-round/_radius/b-round_16.css (2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 14, 16, 18, 20, 25, 30, 35, 40)

## Подключать для добавления рамки

- common/css/b-round/_border/b-round_ff0000.css
- common/css/b-round/_border/b-round_ff0000.ie.css

## Подключать для не белого внешнего уголка

- common/css/b-round/_background/b-round_bg-e8e8ba.css
- common/css/b-round/_background/b-round_bg-e8e8ba.ie.css

inline-block
<i class="b-round b-round_16"><i class="l t"><i></i></i><i class="r t"><i></i></i></i> <div style="padding: 5px 7px; background: #eda; "> float </div> <i class="b-round b-round_16"><i class="l b"><i></i></i><i class="r b"><i></i></i></i>
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

Пример скруглённого блока без рамки
Шаг 1px от 2 до 10
Радиус 2 | Радиус 3 | Радиус 4 | Радиус 5 | Радиус 6 | Радиус 7 | Радиус 8 | Радиус 9 | Радиус 10
--- | --- | --- | --- | --- | --- | --- | --- | ---

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

Шаг 2px от 12 до 20
Радиус 12 | Радиус 14 | Радиус 16 | Радиус 18 | Радиус 20

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

Шаг 5px от 25 до 40
Радиус 25 | Радиус 30 | Радиус 35 | Радиус 40

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

## Пример скруглённого уголка с рамкой

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

## Вложенные блоки

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

## Код (без рамки, 16px радиус скругления)

    <div class="b-some-block">
        <i class="b-round b-round_16">
            <i class="l t"><i></i></i>
            <i class="r t"><i></i></i>
        </i>

        <div class="b-some-block-i"></div>

        <i class="b-round b-round_16">
            <i class="l b"><i></i></i>
            <i class="r b"><i></i></i>
        </i>
    </div>

## Код (с красной рамкой, 16px радиус скругления)

    <div class="b-some-block">
        <i class="b-round b-round_16 b-round_ff0000">
            <i class="l t"><i></i><b></b></i>
            <i class="r t"><i></i><b></b></i>
        </i>

        <div class="b-some-block-i-and-border"></div>

        <i class="b-round b-round_16 b-round_ff0000">
            <i class="l b"><i></i><b></b></i>
            <i class="r b"><i></i><b></b></i>
        </i>
    </div>

## Код (без рамки, 16px радиус скругления, не белый фон внешнего уголка)

    <div class="b-some-block">
        <i class="b-round b-round_16 b-round_bg-e8e8ba">
            <i class="l t"><i></i></i>
            <i class="r t"><i></i></i>
        </i>

        <div class="b-some-block-i"></div>

        <i class="b-round b-round_16 b-round_bg-e8e8ba">
            <i class="l b"><i></i></i>
            <i class="r b"><i></i></i>
        </i>
    </div>