/**
 * Import Compass and Theme Variables
 */

@import "_variables";

/* ==========================================================================
   Classic Calendar
   ========================================================================== */

.t-ClassicCalendar {}

.t-ClassicCalendar-monthTitle {
  color: @g_Region-FG;
}

.t-ClassicCalendar-dayColumn {
  background-color: contrast(@g_Region-BG, darken(@g_Region-BG,   2%), lighten(@g_Region-BG,   2%),  43%);
  vertical-align: top;
  border-color: contrast(@g_Region-BG, darken(@g_Region-BG,   5%), lighten(@g_Region-BG,   5%),  43%);
  color: contrast(@g_Region-FG, darken(@g_Region-FG,   15%), lighten(@g_Region-FG,   15%),  43%);
}

.t-ClassicCalendar-day {
  border-color: contrast(@g_Region-BG, darken(@g_Region-BG,   5%), lighten(@g_Region-BG,   5%),  43%);

  &.is-inactive .t-ClassicCalendar-date {
    opacity: .5;
  }

  &.is-weekend,
  &.is-inactive {
    background-color: contrast(@g_Region-BG, darken(@g_Region-BG,   1%), lighten(@g_Region-BG,   1%),  43%);
  }

  &.is-today {
    .t-ClassicCalendar-date {
      background-color: @g_Accent-BG;
      color: @g_Accent-FG;
    }
  }
}

.t-ClassicCalendar-date {
  color: contrast(@g_Region-FG, darken(@g_Region-FG,   25%), lighten(@g_Region-FG,   25%),  43%);
}

.t-ClassicCalendar-event {
  background-color: contrast(@g_Region-BG, darken(@g_Region-BG,   5%), lighten(@g_Region-BG,   5%),  43%)
}

.t-ClassicCalendar-event {
  color: @g_Region-FG;

  a {
    background-color: @g_Accent-BG;
    color: @g_Accent-FG;
  }
}


//
// Weekly Calendar
//
.t-ClassicCalendar--weekly,
.t-ClassicCalendar--daily {
  .t-ClassicCalendar-timeCol {
    background-color: contrast(@g_Region-BG, darken(@g_Region-BG,   2%), lighten(@g_Region-BG,   2%),  43%);
  }

  .t-ClassicCalendar-dayEvents {
    color: @g_Region-FG;
  }

  .t-ClassicCalendar-dayEvents a {
    background-color: @g_Accent-BG;
    color: @g_Accent-FG;
  }

  .t-ClassicCalendar-day {
    &.is-today {
      background-color: contrast(@g_Accent-BG, darken(@g_Accent-BG,   50%), lighten(@g_Accent-BG,   50%),  43%);
    }
  }
}

//
// List Calendar
//
.t-ClassicCalendar-list {
  border-color: contrast(@g_Region-BG, darken(@g_Region-BG,   5%), lighten(@g_Region-BG,   5%),  43%);
}

.t-ClassicCalendar-listTitle,
.t-ClassicCalendar-listEvent {
  border-color: contrast(@g_Region-BG, darken(@g_Region-BG,   5%), lighten(@g_Region-BG,   5%),  43%);
}

.t-ClassicCalendar-listTitle {
  background-color: contrast(@g_Region-BG, darken(@g_Region-BG,   2%), lighten(@g_Region-BG,   2%),  43%);
  color: contrast(@g_Region-FG, darken(@g_Region-FG,   15%), lighten(@g_Region-FG,   15%),  43%);
}

.t-ClassicCalendar-listEvent {
  color: @g_Region-FG;
}