demarches-normaliennes/app/assets/stylesheets/new_design/table.scss
gregoirenovel 8ec4ffde27 In vertical tables, invert the bold styling
the label is now in bold, and the value in a
normal weight:
- it is more usual
- it allows the value to contain bold styling
2017-10-16 10:59:09 +02:00

46 lines
720 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;
}
&.hoverable {
tbody tr:hover {
background: $light-grey;
}
}
&.vertical {
font-size: 14px;
line-height: 22px;
tr {
border-top: none;
}
th {
@include vertical-padding($default-spacer);
&.header-section {
color: $blue;
font-size: 20px;
}
}
}
}