Standardized CSS

Jump to bottom

jonzenor edited this page Jan 5, 2020 · 7 revisions

Links

<a href="#" class="button">Text</a>
<a href="#" class="button-dark">Text</a>

Cards

<div class="card w-1/3">
   <div class="card-header">
      <h1>My Awesome Card</h1>
   </div>
   <div class="card-body">
      My card text and stuff and button and forms.
   </div>
</div>

Available widths are in the range of w-1/2 w-1/3 w-1/4 w-1/5 w-1/6 w-1/12 and w-full

Forms

<label for="name" class="form-label">Name</label>
<input type="text" class="form-input" name="name" value="value">
<input type="submit" class="form-button" value="Submit">

Clone this wiki locally