Emmaboshi 2019 Styleguide

Button: Small 

<button class="c-button c-button--small">
  <span>Btn label</span>
  </button>
 
<button class="c-button {% if modifier %}{{ modifier }}{% endif %}">
  <span>{{ label }}</span>
  {% if icon %}{% include '@icon-arrow' %}{% endif %}
</button>
 
{
  "items": [
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Bollettino Boshi",
      "abstract": "Il Bollettino è la mia newsletter informale, spedita a cadenza imprevedibile. "
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/bottiato.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/bottiato.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Franco Bottiato",
      "abstract": "Un bot per Facebook Messenger, con la personalità di Franco Bottiato."
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Radio Boshi",
      "abstract": "Un canale Telegram di messaggi vocali inaspettati."
    }
  ],
  "_keys": [
    "type",
    "items"
  ],
  "type": "post-preview",
  "label": "Btn label",
  "modifier": "c-button--small"
}
  • Content: 
    # Button

Varianti:
- button (default) sfondo blu filled
- button (--outlined) trasparente con border nero

`c-button` utilizzato sia per i `<button>` che per le ancore vecchia scuola `<a>`.
  • URL: /components/raw/button/button.md
  • Filesystem Path: src/components/01-atoms/button/button.md
  • Size: 191 Bytes

Variante small (extra)