v2.1.0

Modifiers syntax

  • Default

    Let's start with a simple button :
    <button class="button normal">button</button>
    
  • Outset

    You can add the outset-color CSS class :
    <button class="button normal outset-neomo">button</button>
    
  • Inset

    You can add the inset-color CSS class :
    <button class="button normal inset-neomo">button</button>
    
  • Inset

    You can add the color CSS class :
    • info
    • success
    • danger
    • warning
    <button class="button normal outset-neomo info">button</button>
    <button class="button normal outset-neomo success">button</button>
    <button class="button normal outset-neomo danger">button</button>
    <button class="button normal outset-neomo warning">button</button>
    
  • Color

    Default Color
    <div>
      <button class="button normal">button</button>
    </div>
    
    Neomo Color
    <div class="neomo">
      <button class="button normal outset-neomo">button</button>
    </div>
    
    Gray Color
    <div class="gray">
      <button class="button normal outset-gray">button</button>
    </div>
    
    Dark Color
    <div class="dark">
      <button class="button normal outset-dark">button</button>
    </div>