Versions Compared

Old Version 8

changes.mady.by.user Derek Matthew

Saved on

compared with

New Version 9

changes.mady.by.user Derek Matthew

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Default
  • Primary
  • Cancel/Destructive

Button CSS

CSS Variables:

--font-size-default : 14px;
--color-default : #6e787cfocus: #E77600;
--border-radius : 4px;


--color-text-white : #ffffff

--color-primary-light: #337ab7;
--color-primary: #165788;
---border-radius : 4pxcolor-primary-dark: #{$base};

--color-default: #6e787c;
--color-default-dark: #596063;

--color-cancel: #88161f;
--color-cancel-dark: #6e1219;


All Buttons

Code Block
languagecss
title.button
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background: transparent;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: var(--font-size-default);
line-height: 1.42857143;
border-radius: var(--border-radius);
user-select:none;
@extend %focus;

...