-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathmodifiers.css
107 lines (79 loc) · 1.96 KB
/
modifiers.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/* Modifier names from around the Web
--------------------------------------------------*/
/* Works well with navigation
* ----------------------------------------
* Example: .nav--main, .nav--breadcrumbs, .nav--pagination
*/
--breadcrumbs {}
--main {}
--pagination {}
--pills {}
--stacked {}
--tabs {}
/* Works well with images/grids
* ----------------------------------------
* Example: .img--left, .img--center, .col--pull-left
*/
--left {}
--pull-left {}
--push-left {}
--right {}
--pull-right {}
--push-right {}
--center {}
--rounded {}
--circle {}
--polaroid {}
/* Works well with alerts
* ----------------------------------------
* Example: .alert--success, .alert--warning
*/
--success {}
--warning {}
--danger {}
--info {}
--primary {}
--secondary {}
/* Works well with forms
* ----------------------------------------
* Example: .form--inline, .form--search, .form--horizontal
*/
--inline {}
--search {}
--horizontal {}
/* Works well with labels
* ----------------------------------------
* Example: .label--stacked, .label--note, .label--additional
*/
--additional {}
--note {}
--stacked {}
/* Works well with inputs, selects, texatareas
* ----------------------------------------
* Example: .input--select, .input--textarea
*/
--select {}
--textarea {}
/* Works well with pages/links
* ----------------------------------------
* Example: .page--current, .link--current, .nav-item--current
*/
--current
/* Works well with uls
* ----------------------------------------
* Example: .list--numbered
*/
--numbered {} /* Have a numbered `ul` without the semantics implied by using an ol. */
/* Works well with tables
* ----------------------------------------
* Example: .table--striped, .table--data, .table-bordered
*/
--bordered {}
--data {}
--striped {}
/* Works well with hero images/slideshows
* ----------------------------------------
* Example: .hero--slideshow, .hero--graphic if single image is used
*/
--slideshow {}
--graphic {}