Improve default table style
This commit is contained in:
parent
9b95a4732f
commit
d268151e04
2 changed files with 32 additions and 4 deletions
|
@ -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;
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue