src/themes/default/components/_button.scss
// ===========================================
// Button - Default Theme
// ==========================================
$theme-button-text-transform: capitalize !default;
$theme-button-margin : 0 !default;
$theme-button-padding : (
small : calculate-spacing(.5) calculate-spacing(1),
medium : calculate-spacing(1) calculate-spacing(1.5),
large : calculate-spacing(1.5) calculate-spacing(2),
x-large: calculate-spacing(2.5) calculate-spacing(3)
) !default;
// -------------------------------------------
// Button Color
// -------------------------------------------
$theme-color-button-disabled: (
background: lighten(map-get($theme-colors, gray), 30%),
foreground: map-get($theme-colors, gray)
) !default;
$theme-color-button-normal: (
border: map-get($theme-colors, gray),
background: map-get($theme-colors, white),
foreground: map-get($theme-colors, black)
) !default;
$theme-color-button-cta: (
background: lighten(map-get($theme-colors, green), 5%),
foreground: map-get($theme-colors, white)
) !default;
$theme-color-button-secondary: (
background: lighten(map-get($theme-colors, orange), 5%),
foreground: map-get($theme-colors, white)
) !default;
$theme-color-button-socials: (
facebook: (
background: #4b66a0,
foreground: map-get($theme-colors, white)
),
twitter: (
background: #55acee,
foreground: map-get($theme-colors, white)
),
googleplus: (
background: #d8232b,
foreground: map-get($theme-colors, white)
)
) !default;