Sha256: 0341555e306d7feb8518b234998ffb7ec463b9d6c7917dab65596a3d13c256ce

Contents?: true

Size: 1.62 KB

Versions: 17

Compression:

Stored size: 1.62 KB

Contents

// In theory the lightness and saturation values of corresponding colors should not change.
// In reality, these values should be adjusted to create a more pleasant color combination.
// There is not any mathematical formula for this, but you can use the lighten, darken,
// saturate and desaturate functions to adjust your main colors.
!base_color ||= red
!complement_support_color = adjust_hue(!base_color, 180 + 30)
!complement_accent_color  = adjust_hue(!base_color, 180 - 30)

!dark_base_color     = darken(!base_color, 25)
!darker_base_color   = darken(!base_color, 50)
!darkest_base_color  = darken(!base_color, 75)
!light_base_color    = lighten(!base_color, 25)
!lighter_base_color  = lighten(!base_color, 50)
!lightest_base_color = lighten(!base_color, 75)

!dark_complement_support_color     = darken(!complement_support_color, 25)
!darker_complement_support_color   = darken(!complement_support_color, 50)
!darkest_complement_support_color  = darken(!complement_support_color, 75)
!light_complement_support_color    = lighten(!complement_support_color, 25)
!lighter_complement_support_color  = lighten(!complement_support_color, 50)
!lightest_complement_support_color = lighten(!complement_support_color, 75)

!dark_complement_accent_color     = darken(!complement_accent_color, 25)
!darker_complement_accent_color   = darken(!complement_accent_color, 50)
!darkest_complement_accent_color  = darken(!complement_accent_color, 75)
!light_complement_accent_color    = lighten(!complement_accent_color, 25)
!lighter_complement_accent_color  = lighten(!complement_accent_color, 50)
!lightest_complement_accent_color = lighten(!complement_accent_color, 75)

Version data entries

17 entries across 16 versions & 4 rubygems

Version Path
chriseppstein-compass-colors-0.2.0 templates/split_complement/_theme.sass
compass-colors-0.9.0 templates/split_complement/_theme.sass
compass-0.10.0.rc3 examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass
compass-0.10.0.rc2 examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass
compass-0.10.0.rc1 examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass
compass-0.10.0.pre9 examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass
compass-0.10.0.pre8 examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass
compass-0.10.0.pre7 examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass
compass-0.10.0.pre6 examples/css3/extensions/compass-colors/templates/split_complement/_theme.sass
middleman-0.13.1 lib/middleman/vendor/gems/ruby/1.8/gems/compass-colors-0.3.1/templates/split_complement/_theme.sass
middleman-0.13.1 lib/middleman/vendor/gems/ruby/1.9.1/gems/compass-colors-0.3.1/templates/split_complement/_theme.sass
middleman-0.12.2 lib/middleman/vendor/gems/gems/compass-colors-0.3.1/templates/split_complement/_theme.sass
middleman-0.12.1 lib/middleman/vendor/gems/gems/compass-colors-0.3.1/templates/split_complement/_theme.sass
compass-colors-0.3.1 templates/split_complement/_theme.sass
compass-colors-0.3.0 templates/split_complement/_theme.sass
compass-colors-0.2.1 templates/split_complement/_theme.sass
compass-colors-0.2.0 templates/split_complement/_theme.sass