<div class="c-fare-route ">
<div class="c-fare-route__detail">
<div class="c-fare-route__disclosure">
<div class="c-collapsible o-collapsible o-collapsible--raw">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Dettaglio scali</p>
<p class="c-fare-route__type">Andata</p>
<ul class="c-fare-route__list">
<li>Bologna BLQ - Sofia IST</li>
<li>Sofia IST- SHARM EL SHEIKH / MARSA ALAM</li>
</ul>
<p class="c-fare-route__type">Ritorno</p>
<ul class="c-fare-route__list">
<li>SHARM EL SHEIKH / MARSA ALAM - Sofia IST</li>
<li>Sofia IST- Bologna BLQ</li>
</ul>
</div>
</div>
</div>
</div>
<div class="c-fare-route {{ modifier }}">
<div class="c-fare-route__detail">
<div class="c-fare-route__disclosure">
{{#> @collapsible--raw disclosure }}
<p class="c-fare-route__type">Andata</p>
<ul class="c-fare-route__list">
<li>Bologna BLQ - Sofia IST</li>
<li>Sofia IST- SHARM EL SHEIKH / MARSA ALAM</li>
</ul>
<p class="c-fare-route__type">Ritorno</p>
<ul class="c-fare-route__list">
<li>SHARM EL SHEIKH / MARSA ALAM - Sofia IST</li>
<li>Sofia IST- Bologna BLQ</li>
</ul>
{{/@collapsible--raw}}
</div>
</div>
</div>
{
"disclosure": {
"modifier": "o-collapsible--raw",
"title": "Dettaglio scali"
}
}
.c-fare-route {
display: flex;
align-items: flex-start;
}
.c-fare-route__disclosure {
margin-top: remify(4px);
}
.c-fare-route__type,
.c-fare-route .c-collapsible__button {
@include font-scale(level-2);
font-weight: fw(semibold);
}
.c-fare-route__type {
flex-basis: remify(70px);
margin-top: remify(16px);
}
.c-fare-route .c-collapsible__button {
text-decoration: underline;
text-underline-position: under;
margin-bottom: remify(4px);
}
.c-fare-route__list {
list-style: initial;
list-style-position: inside;
@include font-scale(level-1-5);
}
No notes defined.