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;
|
padding: (3 * $default-spacer) 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.hoverable {
|
||||||
|
tbody tr:hover {
|
||||||
|
background: $light-grey;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.vertical {
|
&.vertical {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
|
|
|
@ -87,6 +87,21 @@
|
||||||
%td Table Data 3
|
%td Table Data 3
|
||||||
%td Table Data 4
|
%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)
|
%h2 Vertical layout (.table.vertical)
|
||||||
|
|
||||||
%table.table.vertical
|
%table.table.vertical
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue