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

78 lines
1.2 KiB
SCSS
Raw Normal View History

2024-11-05 19:02:31 +01:00
@import 'colors';
@import 'constants';
2018-08-10 16:17:19 +02:00
.status-timeline {
display: inline-block;
border: 1px solid #808080;
border-radius: 3px;
li {
display: inline-block;
padding-top: $default-spacer;
padding-bottom: $default-spacer;
&:first-child {
padding-left: 20px;
}
&:last-child {
padding-right: 20px;
}
&.active {
font-weight: bold;
}
&.active ~ li {
2020-06-11 14:33:15 +02:00
color: $dark-grey;
2018-08-10 16:17:19 +02:00
}
// Arrows
&:not(:last-child)::after {
2024-11-05 19:02:31 +01:00
content: '';
2018-08-10 16:17:19 +02:00
display: inline-block;
margin-left: 10px;
margin-right: 10px;
vertical-align: top;
}
}
}
.status-explanation {
p {
margin-bottom: $default-padding;
}
.decision {
font-size: 1.2em;
margin-top: $default-padding * 3;
margin-bottom: $default-padding * 3;
}
.icon {
margin-right: $default-spacer;
}
2018-08-10 16:17:19 +02:00
h3 {
font-weight: bold;
margin-bottom: $default-spacer;
}
blockquote {
2024-11-05 19:02:31 +01:00
quotes: '« ' ' »' '' '';
margin-bottom: $default-padding * 3;
2018-08-10 16:17:19 +02:00
}
blockquote::before {
content: open-quote;
}
blockquote::after {
content: close-quote;
}
.action {
margin-bottom: $default-padding * 3;
2018-08-10 16:17:19 +02:00
}
}