activity-calendar/dist/css/activity-calendar.css

a simple activity calendar

body.has-activity-calendar .activity-calendar-container {
  text-align: center;
  padding-top: 1em;
}
body.has-activity-calendar .activity-calendar-container .activity-period-keys .date-range-info.visible-xs {
  margin-top: 1em;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content {
  user-select: none;
  overflow: hidden;
  font-size: 0.9em;
  margin: 1em auto 0;
  display: inline-block;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-days {
  float: left;
  font-size: 0.8em;
  padding-top: 1.5em;
  margin-right: 0.5em;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-days .activity-calendar-day {
  display: block;
  text-align: left;
  min-height: 1.4em;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-month-dates {
  overflow-x: auto;
  padding-bottom: 1em;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-month-dates .activity-calendar-months {
  height: 1em;
  margin-bottom: 0.5em;
  display: flex;
  text-align: right;
  direction: ltr;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-month-dates .activity-calendar-months .activity-calendar-month {
  flex: 1;
  display: inline-block;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-month-dates .activity-calendar-months .activity-calendar-month:first-child {
  flex: 0;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-month-dates .activity-calendar-dates {
  width: max-content;
  overflow: hidden;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-month-dates .activity-calendar-dates .activity-calendar-column {
  float: left;
  margin-left: 0.125em;
  font-size: 0.95em;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-content .activity-calendar-month-dates .activity-calendar-dates .activity-calendar-column:last-child {
  margin-left: 0;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square {
  width: 1em;
  height: 1em;
  margin-bottom: 0.125em;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-color0 {
  background: #ededed;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-color1 {
  background: #acd5f2;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-color2 {
  background: #7fa8c9;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-color3 {
  background: #527ba0;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-color4 {
  background: #254e77;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square:hover {
  cursor: pointer;
  border: 1px solid #333;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-cursor-default,
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-cursor-default:hover {
  cursor: default;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-color0:hover,
body.has-activity-calendar .activity-calendar-container .activity-calendar-square.activity-calendar-square-empty:hover {
  cursor: default;
  border: none;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-guide {
  width: 92%;
  margin: 10px auto;
  text-align: left;
}
body.has-activity-calendar .activity-calendar-container .activity-calendar-guide .activity-calendar-square {
  display: inline-block;
}
body.has-activity-calendar .activity-calendar-container.rtl .activity-calendar-content .activity-calendar-month-dates .activity-calendar-months {
  direction: rtl;
}
body.has-activity-calendar .activity-calendar-container.rtl .activity-calendar-content .activity-calendar-days {
  float: right;
  margin-right: 0;
  margin-left: 0.5em;
}
body.has-activity-calendar .activity-calendar-container.rtl .activity-calendar-content .activity-calendar-dates .activity-calendar-column {
  float: right;
}
body.has-activity-calendar .activity-calendar-container.rtl .activity-calendar-content .activity-calendar-dates .activity-calendar-column:last-child {
  margin-left: 0.1em;
}
body.has-activity-calendar .activity-calendar-container.rtl .activity-calendar-content .activity-calendar-dates .activity-calendar-column:first-child {
  margin-left: 0;
}
body.has-activity-calendar .activity-calendar-container.rtl .date-range-info {
  direction: rtl;
}
body.has-activity-calendar .activity-calendar-container.rtl .activity-period-keys .btn-calendar {
  direction: rtl;
  text-align: center;
}
body.has-activity-calendar .activity-calendar-container.rtl .activity-calendar-guide {
  text-align: right;
}