Contents

<div class="content">
  {%- include headings/h2.html text="Botones" -%}

  {%- include headings/h3.html text="Botón con link" -%}

  {%- include buttons/link.html href="#" class="btn-primary" content="Click me" -%}

  {%- include headings/h3.html text="Botón con link externo" -%}

  {%- include buttons/link.html href="https://sutty.nl/" class="btn-primary" content="Click me" -%}

  {%- include headings/h3.html text="Botón con atributos extra" -%}

  {%- assign extra = 'data-extra="Inspeccióname"' -%}

  <p>Inspeccionar para encontrar el atributo <code>{{ extra }}</code></p>

  {%- include buttons/link.html href="#" class="btn-primary" content="Click me" extra=extra -%}

  {%- include headings/h3.html text="Botones de todos los colores" -%}

  {%- for color in site.data.theme.colors -%}
    {%- assign class = color[0] | replace: "_", "-" | prepend: "btn-" -%}

    {%- include buttons/link.html href="#" class=class content=class -%}
  {%- endfor -%}

  {%- include headings/h3.html text="Botón sin link" -%}

  <p>Los botones <code>&lt;button&gt;</code> se usan para interacciones JavaScript</p>

  {%- include buttons/button.html class="btn-primary" content="Click me" -%}
</div>

Version data entries

9 entries across 9 versions & 2 rubygems

Version	Path
editorial-autogestiva-jekyll-theme-0.5.0rc8	_includes/theme/buttons.html
editorial-autogestiva-jekyll-theme-0.5.0rc7	_includes/theme/buttons.html
editorial-autogestiva-jekyll-theme-0.5.0rc6	_includes/theme/buttons.html
editorial-autogestiva-jekyll-theme-0.5.0rc5	_includes/theme/buttons.html
editorial-autogestiva-jekyll-theme-0.5.0rc4	_includes/theme/buttons.html
editorial-autogestiva-jekyll-theme-0.5.0rc3	_includes/theme/buttons.html
editorial-autogestiva-jekyll-theme-0.5.0rc2	_includes/theme/buttons.html
editorial-autogestiva-jekyll-theme-0.5.0rc1	_includes/theme/buttons.html
radios-comunitarias-jekyll-theme-0.3.0rc1	_includes/theme/buttons.html