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

94 lines
1.4 KiB
SCSS
Raw Normal View History

2018-08-10 16:17:19 +02:00
@import "colors";
@import "constants";
.status-overview {
2018-08-10 16:17:19 +02:00
text-align: center;
margin-bottom: $default-padding * 2;
2018-08-10 16:17:19 +02:00
}
.status-timeline {
display: inline-block;
margin-top: $default-padding * 2;
margin-bottom: $default-padding * 2;
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 {
color: $grey;
}
// Arrows
&:not(:last-child)::after {
content: "";
display: inline-block;
margin-left: 10px;
margin-right: 10px;
vertical-align: top;
}
}
}
.status-explanation {
text-align: left;
.brouillon,
.en-construction,
.en-instruction {
2018-08-10 16:17:19 +02:00
max-width: 600px;
margin: auto;
}
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 {
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
}
}