Improve default table style

This commit is contained in:
Mathieu Magnin 2017-07-27 16:02:35 +02:00
parent 9b95a4732f
commit d268151e04
2 changed files with 32 additions and 4 deletions

View file

@ -2,20 +2,35 @@
@import "constants";
@import "mixins";
.table {
.table { // TODO : tester de remplacer par l'élément table uniquement
width: 100%;
th,
tbody tr {
border-top: 1px solid $border-grey;
}
td {
@include vertical-padding($default-spacer)
@include vertical-padding($default-spacer);
vertical-align: middle;
}
th {
text-align: left;
font-weight: bold;
padding: (3 * $default-spacer) 2px;
}
&.vertical {
font-size: 14px;
line-height: 22px;
tr {
border-top: none;
}
th {
text-align: left;
@include vertical-padding($default-spacer);
font-weight: normal;
&.header-section {
color: $blue;

View file

@ -74,6 +74,19 @@
%h1 Table
%table.table
%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