/
/

. .

H1 (h1, .intec-ui-markup-h1, [data-ui-markup="h1"])

- (. online shop e-shop) , . , , , , .
(p, .intec-ui-markup-p, [data-ui-markup="p"])

.
(blockquote, .intec-ui-markup-blockquote, [data-ui-markup="blockquote"])

H2 (h2, .intec-ui-markup-h2, [data-ui-markup="h2"])

- , , - (B2B).
(i, .intec-ui-markup-i, [data-ui-markup="i"])

- , , - (B2B).
(b, .intec-ui-markup-b, [data-ui-markup="b"])

H3 (h3, .intec-ui-markup-h3, [data-ui-markup="h3"])

  • (ul li, .intec-ui-markup-ul .intec-ui-markup-li, [data-ui-markup="ul"] [data-ui-markup="li"])

H4 (h4, .intec-ui-markup-h4, [data-ui-markup="h4"])

  5. (ol li, .intec-ui-markup-ol .intec-ui-markup-li, [data-ui-markup="ol"] [data-ui-markup="li"])
H5 (h5, .intec-ui-markup-h5, [data-ui-markup="h5"])

1, 2, 3 (a, .intec-ui-markup-a, [data-ui-markup="a"])

H6 (h6, .intec-ui-markup-h6, [data-ui-markup="h6"])

(hr, .intec-ui-markup-hr, [data-ui-markup="hr"])

(code, .intec-ui-markup-code, [data-ui-markup="code"])
<div class="intec-ui-markup-code">

</div>

1 2 3
1 2 3
1 2 3
1 2 3
1 2 3
1 2 3
1 2 3
1 2 3
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

margin padding.

  • .intec-ui-p - padding;
  • .intec-ui-m - margin.

  1. .intec-ui-(m|p)-<>;
  2. .intec-ui-(m|p)-(t|r|b|l|v|h)-<>.

(m|p) (margin padding ). (t|r|b|l|v|h) (top, right, bottom, left, vertical horizontal ), v , h - . <> none, , 5 100 5. 1, , .

.intec-ui, .intec-ui-control-<>.

(, , ) 4px 32px. .intec-ui-size-<>, - 1 5. 4px.

( ) . .intec-ui-scheme-<>
:

  • current -
  • blue -
  • blue-1 - 1
  • red -
  • green -
  • green-1 - 1
  • orange -
  • gray -

(button)

: .intec-ui.intec-ui-control-button.

, .intec-ui-mod-block.

, .intec-ui-mod-transparent.

, .intec-ui-mod-link.

, .intec-ui-mod-round-<>, - 1 5, , none half. half, .

(none)
(1)
(2)
(3)
(4)
(5)
(half)

2- . .intec-ui-part-icon (), - .intec-ui-part-content ( ). . . .

(current)
(blue)
(blue-1)
(red)
(green)
(green-1)
(orange)
(gray)
(1)
(2)
(3)
(4)
(5)

(input)

: .intec-ui.intec-ui-control-input.

, .intec-ui-mod-block.

, .intec-ui-view-<>, <> - .

, .intec-ui-mod-round-<>, - 1 5, , none half. half, .

(numeric)

: .intec-ui.intec-ui-control-numeric.

, .intec-ui-view-<>, <> - .

1
2
3
4
current
blue
blue-1
red
green
green-1
orange
gray
1
2
3
4
5

(alert)

: .intec-ui.intec-ui-control-alert.

.
.
. (current)
. (blue)
. (blue-1)
. (red)
. (green)
. (green-1)
. (orange)
. (gray)

Checkbox (checkbox)

: .intec-ui.intec-ui-control-checkbox. .
















Radio (radiobox)

: .intec-ui.intec-ui-control-radiobox. .
















(switch)

: .intec-ui.intec-ui-control-switch. .
















(tabs)

: .intec-ui.intec-ui-control-tabs. .

.
.
.

, .intec-ui-mod-block.

.
.
.

, .intec-ui-view-<>, <> - .

.
.
.
1
.
.
.
2
.
.
.
.
.
.
current
.
.
.
blue
.
.
.
blue-1
.
.
.
red
.
.
.
green
.
.
.
green-1
.
.
.
orange
.
.
.
gray
.
.
.

, . .intec-ui-mod-position-<>, <> - left, right center. .