@import '../index';

.calendar
  background-color:  $app['palette']['bg-primary']
  vertical-align: top;
  margin: 0.5em auto
  width: auto
  height: auto
  min-height: 7em
  clear: both;


.calendar .list ul li
  margin: 0
  padding: 0

.calendar .list ul li.calendar-list
  width: 3em;
  max-width: 3em

.calendar .list ul li.calendar-nanolist
  width: 1em;
  max-width: 1em

.calendar .list ul li.calendar-bloc
  width: 8em;
  height: 8em;
  float: left;


.calendar .calendar-day
  background-color: transparent
  border: 1px solid  $app['palette']['color']['300']
  text-align: center;


.calendar .calendar-day > span
  text-align: center;
  display: block;

.calendar .calendar-day-title
  border-bottom: 1px solid  $app['palette']['color']['300']

.calendar .calendar-day-title > span
  display: block;

.calendar .calendar-day-rows
  background-color:  $app['palette']['bg-thirdary']

.calendar .calendar-day-rows > div
  height: 1.5em;
  padding: 0.2em;

.calendar .calendar-dayWeekend .calendar-day-rows
  background-color:  $app['palette']['bg-thirdary']