mirror of
https://github.com/frappe/air-datepicker.git
synced 2026-01-14 11:01:22 +08:00
59 lines
1.3 KiB
CSS
59 lines
1.3 KiB
CSS
/* -------------------------------------------------
|
|
Datepicker
|
|
------------------------------------------------- */
|
|
.datepicker {
|
|
border: 1px solid #ddd;
|
|
border-radius: 2px;
|
|
box-sizing: content-box;
|
|
width: 224px; }
|
|
|
|
.datepicker--days-names {
|
|
display: flex;
|
|
flex-wrap: wrap; }
|
|
|
|
.datepicker--day-name {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 32px;
|
|
height: 32px;
|
|
text-align: center; }
|
|
|
|
/* -------------------------------------------------
|
|
Navigation
|
|
------------------------------------------------- */
|
|
.datepicker--nav {
|
|
border-bottom: 1px solid #ddd;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
height: 32px; }
|
|
|
|
.datepicker--nav-title,
|
|
.datepicker--nav-action {
|
|
display: flex;
|
|
cursor: pointer;
|
|
align-items: center;
|
|
justify-content: center; }
|
|
|
|
.datepicker--nav-action {
|
|
width: 32px; }
|
|
.datepicker--nav-action:hover {
|
|
background: #f6f6f6; }
|
|
|
|
/* -------------------------------------------------
|
|
Datepicker cells
|
|
------------------------------------------------- */
|
|
.datepicker--cells {
|
|
display: flex;
|
|
flex-wrap: wrap; }
|
|
|
|
.datepicker--cell {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 32px;
|
|
height: 32px; }
|
|
|
|
.datepicker--cell-day.-another-month- {
|
|
color: #ddd; }
|