Skip to content

Instantly share code, notes, and snippets.

@diego3g
Created May 21, 2020 21:29
Show Gist options
  • Save diego3g/325d250596e923f6b6028576fcb684da to your computer and use it in GitHub Desktop.
Save diego3g/325d250596e923f6b6028576fcb684da to your computer and use it in GitHub Desktop.
.DayPicker {
background: #28262e;
border-radius: 10px;
}
.DayPicker-wrapper {
padding-bottom: 0;
}
.DayPicker,
.DayPicker-Month {
width: 100%;
}
.DayPicker-Month {
border-collapse: separate;
border-spacing: 8px;
margin: 16px;
}
.DayPicker-Day {
width: 40px;
height: 40px;
}
.DayPicker-Day--available:not(.DayPicker-Day--outside) {
background: #3e3b47;
border-radius: 10px;
color: #fff;
}
.DayPicker:not(.DayPicker--interactionDisabled)
.DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
background: ${shade(0.2, '#3e3b47')};
}
.DayPicker-Day--today {
font-weight: normal;
}
.DayPicker-Day--disabled {
color: #666360 !important;
background: transparent !important;
}
.DayPicker-Day--selected {
background: #ff9000 !important;
border-radius: 10px;
color: #232129 !important;
}
@gustavoroque
Copy link

Muito legal pessoal, parabéns pelo trampo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment