. .
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, .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, .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, .intec-ui-markup-h4, [data-ui-markup="h4"]
)ol li, .intec-ui-markup-ol .intec-ui-markup-li, [data-ui-markup="ol"] [data-ui-markup="li"]
)h5, .intec-ui-markup-h5, [data-ui-markup="h5"]
)
1,
2,
3
(a, .intec-ui-markup-a, [data-ui-markup="a"]
)
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.
.intec-ui-(m|p)-<>
;.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
- 1red
- green
- green-1
- 1orange
- 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
, .
2- . .intec-ui-part-icon
(), - .intec-ui-part-content
( ). . . .
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-<>
, <> - .
alert
)
: .intec-ui.intec-ui-control-alert
.
checkbox
)
: .intec-ui.intec-ui-control-checkbox
. .
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-<>
, <> - .
, . .intec-ui-mod-position-<>
, <> - left
, right
center
. .