air-datepicker/sass/datepicker/_cell.scss

@import "datepicker-config";

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */

.datepicker--cells {
  display: flex;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: $datepickerBorderRadius;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: $dayCellSize;
  height: $dayCellSize;

  &:hover {
    background: $colorCellHover;
  }
}

//  Day cell
// -------------------------------------------------

.datepicker--cell-day {
  &.-another-month- {
    color: $colorAnotherMonth;
  }
}


//  Months
// -------------------------------------------------

.datepicker--months {}

//  Month cells
// -------------------------

.datepicker--cell-month {
  width: 33.33%;
  height: 40px;
}

//  Years
// -------------------------------------------------

.datepicker--years {}

//  Month cells
// -------------------------

.datepicker--cell-year {
  width: 100% / $yearsPerRow;
  height: 40px;

  &.-another-decade- {
    color: $colorAnotherMonth;
  }
}