<!-- Default -->
<input type="submit" class="button button-simple" value="Submit">

<!-- A -->
<a class="button button-simple" href="/foo">Submit</a>

<!-- Button -->
<button class="button button-simple">
Submit
</button>

<!-- Default -->
<input type="submit" class="button button-simple" value="Submit">

<!-- A -->
<a class="button button-simple" href="/foo">Submit</a>

<!-- Button -->
<button class="button button-simple">
Submit
</button>
/* Default */
{
  "text": "Go!"
}

/* A */
{
  "text": "Go!"
}

/* Button */
{
  "text": "Go!"
}

  • Content:
    // .button.button-simple {
    //   border: 1px solid $color-ui-lt;
    //   padding: 7px 1em;
    //   box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    // }
    
    
    .button.button-simple {
      //background-color:  palette(ui, light);
      border: 1px solid palette(ui);
      border-bottom: 3px solid palette(ui);
      padding: 7px 1em;
      color: palette(ui, darker);
    }
    
  • URL: /components/raw/button-simple/button-simple.scss
  • Filesystem Path: src/components/13-navigation/01-buttons/01-atoms/02-button-simple/button-simple.scss
  • Size: 390 Bytes

These are notes about my button.