demarches-normaliennes/app/assets/stylesheets/new_design/table.scss
2019-02-04 15:46:39 +01:00

50 lines
780 B
SCSS

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