react-flex-picker
Version:
Helps to build your own calendar by using prepared components and api to control them
34 lines (30 loc) • 594 B
text/stylus
$headerYearHeight = 30px;
$monthHeight = 55px;
.year {
margin: 0 10px;
width: 220px;
display: inline-block;
vertical-align: top;
white-space: normal;
.day {
cursor: pointer;
display: inline-block;
width: $monthHeight;
height: $monthHeight;
text-align: center;
line-height: $monthHeight;
}
}
.headerYear {
height: $headerYearHeight;
line-height: $headerYearHeight;
text-align: center;
display: inline-block;
width: 100%;
cursor: default;
border-bottom: 1px grey solid;
}
.headerClickable {
cursor: pointer;
background-color: #FFF1BA;
}