Add hoverable tables

This commit is contained in:
Mathieu Magnin 2017-07-27 16:27:29 +02:00
parent d268151e04
commit 7e09bd71e4
2 changed files with 21 additions and 0 deletions

View file

@ -20,6 +20,12 @@
padding: (3 * $default-spacer) 2px;
}
&.hoverable {
tbody tr:hover {
background: $light-grey;
}
}
&.vertical {
font-size: 14px;
line-height: 22px;

View file

@ -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