Add hoverable tables
This commit is contained in:
parent
d268151e04
commit
7e09bd71e4
2 changed files with 21 additions and 0 deletions
|
@ -20,6 +20,12 @@
|
|||
padding: (3 * $default-spacer) 2px;
|
||||
}
|
||||
|
||||
&.hoverable {
|
||||
tbody tr:hover {
|
||||
background: $light-grey;
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
|
|
|
@ -87,6 +87,21 @@
|
|||
%td Table Data 3
|
||||
%td Table Data 4
|
||||
|
||||
%h2 Hoverable (.table.hoverable)
|
||||
|
||||
%table.table.hoverable
|
||||
%thead
|
||||
%tr
|
||||
%th Header 1
|
||||
%th Header 2
|
||||
%tbody
|
||||
%tr
|
||||
%td Table Data 1
|
||||
%td Table Data 2
|
||||
%tr
|
||||
%td Table Data 3
|
||||
%td Table Data 4
|
||||
|
||||
%h2 Vertical layout (.table.vertical)
|
||||
|
||||
%table.table.vertical
|
||||
|
|
Loading…
Reference in a new issue