nebulosa-css/web/pages/buttons.njk

46 lines
1.1 KiB
Plaintext
Raw Normal View History

2023-03-06 10:10:42 +01:00
{% extends "templates/publishing.njk" %}
{% block main %}
<header>
<h1>Nebulosa CSS</h1>
<h2>A showcase of buttons</h2>
</header>
<h1>Buttons</h1>
2023-08-04 17:35:14 +02:00
<h2>Default</h2>
<div>
<button class="btn primary">Primary</button>
<button class="btn secondary">Secondary</button>
<button class="btn" disabled>Disabled</button>
</div>
2023-03-06 10:10:42 +01:00
<h2>Raised</h2>
<div>
<button class="btn raised primary">Primary</button>
<button class="btn raised secondary">Secondary</button>
<button class="btn raised" disabled>Disabled</button>
</div>
<h2>Filled</h2>
<div>
<button class="btn filled primary">Primary</button>
<button class="btn filled secondary">Secondary</button>
<button class="btn filled" disabled>Disabled</button>
</div>
<h2>Outline</h2>
<div>
<button class="btn outline primary">Primary</button>
<button class="btn outline secondary">Secondary</button>
<button class="btn outline" disabled>Disabled</button>
</div>
<h2>Text only</h2>
<div>
<button class="btn textonly primary">Primary</button>
<button class="btn textonly secondary">Secondary</button>
<button class="btn textonly" disabled>Disabled</button>
</div>
{% endblock %}