Kalong—Styleguide, v0.0.1-alpha.1

Page 

<header class="header">
    <a href="/" class="logo" title="Zurück zur Homepage">
  <svg class="icon  icon--logo">
  <use xlink:href="../../images/sprite.svg#icon--logo"/>
</svg>

</a>

    <nav class="nav">
        Main Navigation
    </nav>

</header>

<main class="main">

</main>

<footer class="footer">
    Footercontent
</footer>
 
{% if not styleguide %}
  {% render '@html-start' %}
{% endif %}

{% render '@header' %}

<main class="main">
  {% block main %}
  {% endblock %}
</main>

{% render '@footer' %}

{% if not styleguide %}
  {% render '@html-end' %}
{% endif %}
 
debug: true
styleguide: true
shared:
  breakpoints:
    s: 480
    m: 640
    l: 720
    xl: 960
    xxl: 1100
    xxxl: 1400
    custom: '(max-width: 30em)'
  fonts:
    default:
      family: Roboto
      fallback: sans-serif
      weight: 400
      style: normal
      fontface: true
      file: roboto-regular
site:
  lang: en
  dir: ltr
  title: 'Kalong—Styleguide, v0.0.1-alpha.1'
  description: null
  themecolor: '#000000'
  modifiers: null
globals:
  nav:
    main:
      - href: '#somepage'
        label: Somepage

There are no notes for this item.