UNPKG

kss-bootstrap

Version:

A KSS template and style guide for Bootstrap.

github.com/kalamuna/kss-bootstrap

kalamuna/kss-bootstrap

69 lines (46 loc) • 2.04 kB
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
/* Helpers There are many helper classes available. Weight: 8 Styleguide: bootstrap.css.helper */ /* Contextual colors Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles. Markup: <p class="text-muted">Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p> <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p> Styleguide: bootstrap.css.helper.color */ /* Contextual backgrounds Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Markup: <p class="bg-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p class="bg-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> <p class="bg-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p> <p class="bg-warning">Etiam porta sem malesuada magna mollis euismod.</p> <p class="bg-danger">Donec ullamcorper nulla non metus auctor fringilla.</p> Weight: 1 Styleguide: bootstrap.css.helper.background */ /* Close icon Use the generic close icon for dismissing content like modals and alerts. Markup: <button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> Weight: 1 Styleguide: bootstrap.css.helper.close */ /* Carets Use carets to indicate dropdown functionality and direction. Note that the default caret will reverse automatically in dropup menus. Markup: <span class="caret"></span> Weight: 2 Styleguide: bootstrap.css.helper.caret */