Upgrade to Pro — share decks privately, control downloads, hide ads and more …

理想のカラーパレットをもとめて / color-palette-name-convention-at-wic

hiloki
May 13, 2019

理想のカラーパレットをもとめて / color-palette-name-convention-at-wic

WIC meetup(社内イベント) LT

hiloki

May 13, 2019
Tweet

More Decks by hiloki

Other Decks in Design

Transcript

  1. $azure-base: #155AEE; $azure-lighter-15: #4D82F3; $azure-darker-10: #114CCA; $silver-lighter-20: #FCFDFD; $button_primary: $azure-base;

    $button_primary_hover: $azure-lighter-15; $button_primary_active: $azure-darker-10; $button_primary_text: $silver-lighter-20; Sass
  2. @mixin button_primary_color { background-color: $button_primary; color: $button_primary_text; &:hover { background-color:

    $button_primary_hover; } &:active { background-color: $button_primary_active; } } Sass
  3. .button { background-color: #155AEE; color: #FCFDFD; } .button:hover { background-color:

    #4D82F3; } .button:active { background-color: #114CCA; } CSS