Add white black light dark colors, Fix button inverted

This commit is contained in:
Jeremy Thomas
2016-05-06 00:23:00 +01:00
parent 7ecedc6ec5
commit 15e6ecde1c
15 changed files with 36 additions and 40 deletions

View File

@@ -29,6 +29,6 @@
@function findColorInvert($color)
@if (colorLuminance($color) > 0.8)
@return rgba(black, 0.5)
@return rgba($black, 0.5)
@else
@return white

View File

@@ -2,11 +2,13 @@
// Colors
$black: #111 !default
$grey-darker: #222324 !default
$grey-dark: #69707a !default
$grey: #aeb1b5 !default
$grey-light: #d3d6db !default
$grey-lighter: #f5f7fa !default
$white: #fff !default
$blue: #42afe3 !default
$green: #97cd76 !default
@@ -62,7 +64,8 @@ $success: $green !default
$warning: $yellow !default
$danger: $red !default
$dark: $grey-darker !default
$light: $grey-lighter !default
$dark: $grey-dark !default
$text: $grey-dark !default
@@ -77,7 +80,8 @@ $success-invert: findColorInvert($success) !default
$warning-invert: findColorInvert($warning) !default
$danger-invert: findColorInvert($danger) !default
$dark-invert: findColorInvert($dark) !default
$light-invert: $dark !default
$dark-invert: $light !default
// General colors
@@ -142,6 +146,6 @@ $size-huge: $size-1 !default
// 4. Lists and maps
$colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert)) !default
$colors: (white: ($white, $black), black: ($black, $white), light: ($light, $light-invert), dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert)) !default
$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 !default