<!-- Error rendering component -->
<!-- Could not render component '@product--vip-lounge-recap' - component not found. -->
<!-- Error: Could not render component '@product--vip-lounge-recap' - component not found.
at Object.render (/Users/antoniomatera/Sites/adb/node_modules/@frctl/handlebars/src/helpers/render.js:23:19)
at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
at eval (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:11:145)
at prog (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:268:12)
at prepareAndResolveMarkers (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:92:17)
at /Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28
at execIteration (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/helpers/each.js:51:19)
at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/helpers/each.js:61:13)
at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
at Object.eval [as main] (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:11:49)
at main (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:208:32)
at ret (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:212:12) -->
<div class="c-folding">
{{#each items}}
<div class="c-folding__item">
{{render (lookup . "componentName") }}
</div>
{{/each}}
</div>
{
"items": [
{
"componentName": "@product--park-recap"
},
{
"componentName": "@product--vip-lounge-recap"
}
]
}
$folding-item-zindex: 10;
.c-folding {
z-index: $zIndex-folding;
main & {
// grid-column: full;
// @include min-screen( $base-page-width ) {
grid-column: main;
// }
}
}
.c-folding__item {
position: relative;
margin-bottom: 1rem;
border-radius: remify(16px);
.print-button-flight {
display: none;
@include min-screen( $base-page-width ) {
display: block;
position: absolute;
right: remify(-28px);
top: 50%;
transform: translateY(-50%);
}
}
}
@for $i from 1 through 10 {
.c-folding__item:nth-child( #{$i} ) {
z-index: #{$folding-item-zindex - $i};
}
}
No notes defined.