@import compass/utilities.sass
// We can change the theme color here by pre-setting the !base_color
!base_color = #614DA3
@import split_compliment_theme.sass

html
  :height 100%

body#split-compliment
  :margin 0
  :height 100%
  .base
    :background-color = !base_color
    .darker
      :background-color = !base_dark_color
    .lighter
      :background-color = !base_light_color
  .complement-support
    :background-color = !complement_support_color
    .darker
      :background-color = !dark_complement_support_color
    .lighter
      :background-color = !light_complement_support_color
  .complement-accent
    :background-color = !complement_accent_color
    .darker
      :background-color = !dark_complement_accent_color
    .lighter
      :background-color = !light_complement_accent_color
  .base, .complement-support, .complement-accent
    +clearfix
    :height 33%
    div
      :height 100%
  .darker
    :float left
  .lighter
    :float right
  .darker, .lighter
    :width 33%