demarches-normaliennes/app/assets/stylesheets/procedure_list.scss
2022-10-11 09:50:21 +02:00

86 lines
1.4 KiB
SCSS

@import "colors";
@import "constants";
@import "mixins";
.procedure-list {
.procedure-item {
border-bottom: 1px solid $border-grey;
&:last-child {
border-bottom: none;
}
a {
@include vertical-padding(24px);
background-image: none; // remove DSFR underline
color: $black;
width: 100%;
&:hover {
background-color: $light-grey;
.procedure-title {
text-decoration: underline;
}
}
}
}
.procedure-logo {
@include ie-compatible-background-image();
height: 93px;
width: 93px;
margin-right: 3 * $default-spacer;
background-position: 95% 50%;
}
.procedure-title {
min-height: 40px;
font-size: 20px;
margin-bottom: 16px;
}
.procedure-status {
margin-left: auto;
}
.procedure-stats {
list-style-type: none;
li {
min-height: 36px;
border-left: 1px solid $border-grey;
width: 90px;
position: relative;
&:hover {
background-color: rgba(0, 0, 0, 0.05);
}
&:last-child {
border-right: 1px solid $border-grey;
}
.stats-number,
.stats-legend {
text-align: center;
}
.stats-number {
font-size: 14px;
font-weight: bold;
}
.stats-legend {
font-size: 12px;
color: $dark-grey;
}
}
.notifications {
top: 3px;
right: 18px;
}
}
}