I2P brand styleguides for the web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

25 lines
1.4 KiB

<div id="buttons" class="col mb-4">
<h2>Buttons</h2>
7 years ago
<!--p class="text-muted">Some Description about buttons.</p-->
</div>
<div class="row bg-light p-5">
<div class="col-xs-12 col-sm-6 col-md-6 p-1">
<p class="text-black small text-muted m-0 pb-2">Primary</p>
<button type="button" class="btn btn-lg btn-primary btn-pill mr-2">Primary</button>
<p class="text-black small text-muted m-0 pt-2 pb-2">Ghost</p>
<button type="button" class="btn btn-lg btn-outline-primary btn-pill mr-2">How to Contribute</button>
<p class="text-black small text-muted m-0 pt-2">Link</p>
<button type="button" class="btn btn-lg btn-link mr-2">Learn more</button>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 p-1">
<p class="text-black small text-muted m-0 pt-2 pb-2">Medium</p>
<button type="button" class="btn btn-medium btn-pill mr-2">Medium</button>
<button type="button" class="btn btn-outline-medium btn-pill mr-2">Ghost</button>
<button type="button" class="btn btn-link mr-2">Link</button>
<p class="text-black small text-muted m-0 pt-2 pb-2">Small</p>
<button type="button" class="btn btn-sm btn-small btn-pill mr-2">Small</button>
<button type="button" class="btn btn-sm btn-outline-small btn-pill mr-2">Ghost</button>
<button type="button" class="btn btn-sm btn-link mr-2">Link</button>
</div>
</div>