CSS FRAMEWORK

- STRE -

STyle & REsponsive

Grid
-

1

1

1

1

1

1

1

1

1

1

1

1

2

2

2

2

2

2

2.4

2.4

2.4

2.4

2.4

3

3

3

3

4

4

4

5

5

2

6

6

7

5

8

4

9

3

10

2

11

1

12

re_row_0

re_row_0

re_row_0

re_row_5

re_row_5

re_row_5

re_row_9

re_row_9

re_row_9

Class Name

.re_container
.re_row_0
.re_row_1
.re_row_2
.re_row_3
.re_row_4
.re_row_5
.re_row_6
.re_row_7
.re_row_8
.re_row_9
.re_col_{sm,lg}_1
.re_col_{sm,lg}_2
.re_col_{sm,lg}_24
.re_col_{sm,lg}_3
.re_col_{sm,lg}_4
.re_col_{sm,lg}_5
.re_col_{sm,lg}_6
.re_col_{sm,lg}_7
.re_col_{sm,lg}_8
.re_col_{sm,lg}_9
.re_col_{sm,lg}_10
.re_col_{sm,lg}_11
.re_col_{sm,lg}_12

Grid(order)
-

1

2

3
.re_col_last_lg

4

5

6
.re_col_first_lg

Font Size
-

.re_fs_1

.re_fs_2

.re_fs_3

.re_fs_4

.re_fs_5

.re_fs_6

.re_fs_7

.re_fs_8

.re_fs_9

Margin
-

.re_pb_1

.re_pb_2

.re_pb_3

.re_pb_4

.re_pb_5

.re_pb_6

.re_pb_7

.re_pb_8

.re_pb_9

.re_mt_1

.re_mt_5

.re_mt_9

.re_mt_-1

.re_mt_-5

.re_mt_-9

Class Name

.re_m_{1-9}
.re_mv_{1-9}
.re_mh_{1-9}
.re_mt_{1-9}
.re_mr_{1-9}
.re_ml_{1-9}
.re_mb_{1-9}
.re_m_-{1-9}
.re_mv_-{1-9}
.re_mh_-{1-9}
.re_mt_-{1-9}
.re_mr_-{1-9}
.re_ml_-{1-9}
.re_mb_-{1-9}
.re_p_{1-9}
.re_pv_{1-9}
.re_ph_{1-9}
.re_pt_{1-9}
.re_pr_{1-9}
.re_pl_{1-9}
.re_pb_{1-9}

Max
-

re_max_{sm,lg}_1

re_max_{sm,lg}_2

re_max_{sm,lg}_3

re_max_{sm,lg}_4

re_max_{sm,lg}_5

re_max_{sm,lg}_6

re_max_{sm,lg}_7

re_max_{sm,lg}_8

re_max_{sm,lg}_9

Helper
-

.re_unfluid_{sm,lg}
.re_hide_{sm,lg}
.re_tleft_{sm,lg}
.re_tcenter_{sm,lg}
.re_tright_{sm,lg}
.re_full_{sm,lg}

STyle & REsponsive

Button
-

Normal Shape

Normal

Small

Medium

Large

Line Bold

Small

Medium

Large

Round Shape

Normal

Enter

Enter

Enter

Depth

Enter

Enter

Enter

Line Bold

Enter

Enter

Enter

Oval Shape

Normal

Enter

Enter

Enter

Depth

Enter

Enter

Enter

Line Bold

Enter

Enter

Enter

Disabled

Normal

Rich

Depth

Line

Line Bold

Group

Form
-

Text
Select
Textarea
Range
Disabled
SM
LG
Checkbox
Radio

Group & Size
-

TEL
-
-
$
-
Send

Table
-

.st_table, .st_table_border, .st_table_borderless, .st_table_stripe, .st_table_fill
Caption
Title Title Title
Title Text Text
Title Text Text
Title Text Text
Caption
Title Title Title
Title Text Text
Title Text Text
Title Text Text
Caption
Title Title Title
Title Text Text
Title Title Title
Caption
Title Title Title
Title Text Text
Title Text Text
Title Text Text
Caption
Title Title Title
Title Text Text
Title Text Text
Title Title Title
Caption
Title Title Title
Title Text Text
Title Text Text
Title Text Text

Loading
-

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

lgsm

demo1 demo2 demo3