Store your reusable assets and components in this special file.


By default, the assets file is very small and has a few components to get you started.

You can populate the assets file with your own reusable modules and components.

Base includes a few assets which are as follows:

Custom Buttons

Base includes a basic button to get you started.

You can add more within the _assets.less or _assets.scss file or modify the existing button helpers (.button-primary, .button-secondary).

Default Button

Primary Button
Secondary Button
Button styled as a link

Code Snippet

<a href="#" class="button">Default Button</a>
<a href="#" class="button button-primary">Primary Button</a>
<a href="#" class="button button-secondary">Secondary Button</a>
<a href="#" class="button button-link">Button styled as a link</a>

Custom Select

Code Snippet

  <span class="select">
    <select name="custom-select" id="custom-select">
      <option value="-">Please select an option</option>

CSS Helpers

Now that you have a better understanding of the assets, be sure to check out the helpers to speed up your workflow.