esbenjuul

@charset "UTF-8";
:export {
  breakpoint-vp1-max: 419px;
  breakpoint-vp2-min: 420px;
  breakpoint-vp2-max: 559px;
  breakpoint-vp3-min: 560px;
  breakpoint-vp3-max: 767px;
  breakpoint-vp4-min: 768px;
  breakpoint-vp4-max: 1023px;
  breakpoint-vp5-min: 1024px;

esbenjuul

return gulp.src('src/gfx/svg-sprite/*.svg', {base:'./'})
			.pipe(concatUtil.header('{% elseif icon == "<%= file.relative %>" %}\n'))
			.pipe(replace(paths.static + '/theme-icons/', ''))
			.pipe(replace(winPath, ''))
			.pipe(replace('src\\gfx\\svg-sprite\\', ''))
			.pipe(replace('<svg', '<svg class="{{modifier_class}}"'))
			.pipe(replace('src/gfx/svg-sprite/', ''))
			.pipe(replace('.svg', ''))
			.pipe(concatUtil('icons.twig'))
			.pipe(concatUtil.header('{% if icon == "" %}\n'))

esbenjuul

<div id="garden-app"></div>
<link rel="stylesheet" href="[LINK TO CDN]">
<script type="text/javascript" src="[LINK TO CDN]"></script>

esbenjuul

<div class="flyout__inner">
    <div class="flyout__menu-top">
        <a href="#">Sofaer</a>
        <!-- more links to be added here -->
    </div>
    <div class="flyout__menu-center">
        <a href="https://www.boconcept.com:443/da-dk/stores/find-your-local-store" title="Find Store" class="">Find Store</a>
        <!-- more links to be added here -->
    </div>
    <div class="flyout__country-selector">

esbenjuul

Simple link as proposed by Jesper
HTML:
{# link1 #}{% embed '@partials/elements/link' with link1 %}
    {% block children %}
        {% include @partials/elements/image with image2 %}
    {% endblock %}
{% endembed %}
JSON:
{  
    fields: [

esbenjuul

export default [
    {
      "featureType": "administrative",
      "elementType": "geometry",
      "stylers": [
        {
          "visibility": "off"
        }
      ]
    },

esbenjuul

//deck
//modifier_class: deck-collapse, deck-collapse-top, deck-collapse-bottom
<section class="deck {{modifier_class}}">
    <div class="content-wrapper">
        {{content}}
    </div>
</section>


//grid

esbenjuul

<section class="mosaique" style="background-color: #ebebeb">
        <div class="content-wrapper" data-caption="Enthusiastic">
            <div class="mosaique__grid">
                <figure class="image-holder">
                    
                    <img src="${URLUtils.staticURL('/images/effect/mosaique_1_desktop-mobile.jpg')}" alt="mosaique" />
                    <figcaption>
                        <a href="">Product name</a>
                    </figcaption>
                </figure>

esbenjuul

@charset "UTF-8";
/* - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - */
.effect-campaign .content-wrapper.collapse-top {
  padding-top: 0 !important; }

.effect-campaign .content-wrapper.collapse-bottom {
  padding-bottom: 0 !important; }

@media (min-width: 48em) {

esbenjuul

<section class="deck deck-solid deck-collapse category-tile-carousel">
        <div class="content-wrapper collapse-bottom with-extra-left-gutter">
            <header class="deck-title">
                <h2 data-aos="fly-up">Explore more storage mathces</h2>
            </header>
            <div class="swiper-container swiper-hero" data-slides-per-view="auto" data-centered-slides="true" data-pagination="false"
                data-initial-slide="1" data-auto-height="true" data-loop="true">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide">
                        <a href="">