$dayCellSize: 32px;
$datepickerWidth: 250px;
$datepickerMinBodyHeight: 170px;
$datepickerBorderRadius: 4px;
$datepickerPadding: 4px;

$fontFamily: Tahoma;
$fontSize: 14px;

$yearsPerRow: 4;

$textColor: (
  button: #5cc4ef,
  otherMonth: #dedede,
  disabled: #aeaeae,
  currentDate: #4EB5E6,
  common: #4a4a4a,
  dayNames: #FF9A19,
  navArrows: #9c9c9c
);

$bg: (
  selected: #5cc4ef,
  hover: #eee
);

$borderColor: (
  nav: #f4f4f4,
  inline: #d7d7d7,
  default: #cccccc
);

$navigationHeight: 32px;
$navigationButtonsOffset: 2px;

$pointerSize: 10px;
$pointerOffset: 10px;

// Transitions
$transitionSpeed: .3s;
$transitionEase: ease;
$transitionOffset: 8px;

// Objects
%otherMonth {
  color: map_get($textColor, otherMonth);

  &:hover {
    color: darken(map_get($textColor, otherMonth), 10);
  }

  &.-disabled- {
    &:hover {
      color: map_get($textColor, otherMonth);
    }
  }

  &.-selected- {
    color: #fff;
    background: lighten(map_get($bg, selected), 15);
  }

  &:empty {
    background: none;
    border: none;
  }
}