Copy environment

Sticky Footer

<div class="sticky-footer  ">
    <ul class="list  social sticky-footer__social">
        <li class="list__item "> <a href="https://www.facebook.com/gotoandplay.ee/" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#facebook"></use>
</svg>
            <span class="social__label">Visit our Facebook page</span>
        </a>
        </li>
        <li class="list__item "> <a href="https://www.instagram.com/gotoandplayee/" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#instagram"></use>
</svg>
            <span class="social__label">Visit our Instagram feed</span>
        </a>
        </li>
        <li class="list__item "> <a href="https://twitter.com/gotoandplayee" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#twitter"></use>
</svg>
            <span class="social__label">Visit our Twitter feed</span>
        </a>
        </li>
    </ul>
    <nav class="languages languages--dark sticky-footer__languages">
        <ul class="list languages--dark languages__list">
            <li class="list__item languages__item"> <a href="#" class="link languages--dark languages__link is-current">
    eng
</a>
            </li>
            <li class="list__item languages__item"> <a href="#" class="link languages--dark languages__link">
    est
</a>
            </li>
        </ul>
    </nav>
</div>
{
  "language": "en-US",
  "data": {
    "social": {
      "items": [
        {
          "link": "https://www.facebook.com/gotoandplay.ee/",
          "icon": "facebook",
          "label": "Visit our Facebook page"
        },
        {
          "link": "https://www.instagram.com/gotoandplayee/",
          "icon": "instagram",
          "label": "Visit our Instagram feed"
        },
        {
          "link": "https://twitter.com/gotoandplayee",
          "icon": "twitter",
          "label": "Visit our Twitter feed"
        }
      ]
    },
    "languages": {
      "items": [
        {
          "link": "#",
          "title": "eng",
          "current": "true"
        },
        {
          "link": "#",
          "title": "est"
        }
      ]
    }
  }
}

On Dark

<div class="sticky-footer sticky-footer--on-dark ">
    <ul class="list sticky-footer--on-dark social sticky-footer__social">
        <li class="list__item "> <a href="https://www.facebook.com/gotoandplay.ee/" class="social__link">
            <svg class="icon sticky-footer--on-dark ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#facebook"></use>
</svg>
            <span class="social__label">Visit our Facebook page</span>
        </a>
        </li>
        <li class="list__item "> <a href="https://www.instagram.com/gotoandplayee/" class="social__link">
            <svg class="icon sticky-footer--on-dark ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#instagram"></use>
</svg>
            <span class="social__label">Visit our Instagram feed</span>
        </a>
        </li>
        <li class="list__item "> <a href="https://twitter.com/gotoandplayee" class="social__link">
            <svg class="icon sticky-footer--on-dark ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#twitter"></use>
</svg>
            <span class="social__label">Visit our Twitter feed</span>
        </a>
        </li>
    </ul>
    <nav class="languages languages--dark sticky-footer__languages">
        <ul class="list languages--dark languages__list">
            <li class="list__item languages__item"> <a href="#" class="link languages--dark languages__link is-current">
    eng
</a>
            </li>
            <li class="list__item languages__item"> <a href="#" class="link languages--dark languages__link">
    est
</a>
            </li>
        </ul>
    </nav>
</div>
{
  "language": "en-US",
  "data": {
    "social": {
      "items": [
        {
          "link": "https://www.facebook.com/gotoandplay.ee/",
          "icon": "facebook",
          "label": "Visit our Facebook page"
        },
        {
          "link": "https://www.instagram.com/gotoandplayee/",
          "icon": "instagram",
          "label": "Visit our Instagram feed"
        },
        {
          "link": "https://twitter.com/gotoandplayee",
          "icon": "twitter",
          "label": "Visit our Twitter feed"
        }
      ]
    },
    "languages": {
      "items": [
        {
          "link": "#",
          "title": "eng",
          "current": "true"
        },
        {
          "link": "#",
          "title": "est"
        }
      ]
    }
  },
  "modifier": "sticky-footer--on-dark"
}