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

68 lines
1,012 B
SCSS
Raw Normal View History

2017-07-11 16:50:29 +02:00
@import "colors";
2017-07-06 16:25:51 +02:00
@import "constants";
@import "mixins";
2017-07-27 16:02:35 +02:00
.table { // TODO : tester de remplacer par l'élément table uniquement
2017-07-06 16:25:51 +02:00
width: 100%;
2017-07-27 16:02:35 +02:00
tbody tr {
border-top: 1px solid $border-grey;
}
td,
th[scope="row"] {
2017-07-27 16:02:35 +02:00
@include vertical-padding($default-spacer);
vertical-align: middle;
}
th,
td.libelle {
2017-07-27 16:02:35 +02:00
text-align: left;
font-weight: bold;
padding: (3 * $default-spacer) 2px;
2017-07-06 16:25:51 +02:00
&.padded {
padding-left: (2 * $default-spacer);
}
2019-01-30 17:20:02 +01:00
}
2017-07-27 16:27:29 +02:00
&.hoverable {
tbody tr:hover {
background: $light-grey;
}
}
&.vertical {
2017-10-16 17:39:01 +02:00
font-size: 16px;
line-height: 22px;
2017-07-11 16:50:29 +02:00
2017-07-27 16:02:35 +02:00
tr {
border-top: none;
}
th,
td.libelle {
2017-07-27 16:02:35 +02:00
@include vertical-padding($default-spacer);
&.header-section {
2021-09-20 15:04:24 +02:00
color: $blue-france-500;
font-size: 20px;
}
2017-07-11 16:50:29 +02:00
}
2017-07-06 16:25:51 +02:00
}
}
2022-12-02 17:16:29 +01:00
.force-table-100 {
width: calc(100vw);
}
.fr-table--bordered {
.table {
&.hoverable {
tbody tr:hover {
background: $white;
}
}
}
}