<!-- 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"
    }
  ]
}
  • Content:
    $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};
      }
    
    }
  • URL: /components/raw/folding/_folding.scss
  • Filesystem Path: src/views/03-organisms/folding/_folding.scss
  • Size: 655 Bytes

No notes defined.