UNPKG

kss-bootstrap

Version:

A KSS template and style guide for Bootstrap.

github.com/kalamuna/kss-bootstrap

kalamuna/kss-bootstrap

43 lines (28 loc) • 1.62 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
/* Tables For basic styling-light padding and only horizontal dividers-add the base class .table to any &lt;table&gt;. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we have opted to isolate our custom table styles. Markup: table.twig .table-striped - Use <code>.table-striped</code> to add zebra-striping to any table row within the <code>&lt;tbody&gt;</code> .table-bordered - Add <code>.table-bordered</code> for borders on all sides of the table and cells. .table-hover - Add <code>.table-hover</code> to enable a hover state on table rows within a &lt;tbody&gt;. .table-condensed - Add <code>.table-condensed</code> to make tables more compact by cutting cell padding in half. Weight: 4 Styleguide: bootstrap.css.table */ /* Contextual classes Use contextual classes to color table rows or individual cells. Markup: table.contextual.twig .active - Applies the hover color to a particular row or cell .success - Indicates a successful or positive action .info - Indicates a neutral informative change or action .warning - Indicates a warning that might need attention .danger - Indicates a dangerous or potentially negative action Styleguide: bootstrap.css.table.contextual */ /* Responsive tables Create responsive tables by wrapping any <code>.table</code> in <code>.table-responsive</code> to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables. Markup: table.responsive.twig Styleguide: bootstrap.css.table.responsive */