rahmanda/ayu

View on GitHub
src/themes/default/components/_button.scss

Summary

Maintainability
Test Coverage
// ===========================================
// 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;