demarches-normaliennes/app/assets/stylesheets/table.scss

52 lines
826 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,
td.libelle {
text-align: left;
font-weight: bold;
padding: (3 * $default-spacer) 2px;
&.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,
td.libelle {
@include vertical-padding($default-spacer);
&.header-section {
color: $blue-france-500;
font-size: 20px;
}
}
}
}