@mantine/dates/cjs/components/MiniCalendar/MiniCalendar.module.cjs.map

Calendars, date and time pickers based on Mantine components

{"version":3,"file":"MiniCalendar.module.cjs","names":[],"sources":["../../../src/components/MiniCalendar/MiniCalendar.module.css"],"sourcesContent":[".root {\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  font-size: var(--mini-calendar-font-size);\n}\n\n.days {\n  display: flex;\n  font-size: inherit;\n}\n\n.day {\n  display: flex;\n  min-width: 3em;\n  gap: 0.5em;\n  font-size: inherit;\n  flex-direction: column;\n  align-items: center;\n  line-height: 1;\n  padding: 0.75em;\n  border-radius: var(--mantine-radius-default);\n\n  &:where([data-selected]) {\n    color: var(--mantine-primary-color-contrast);\n    background-color: var(--mantine-primary-color-filled);\n\n    @mixin hover {\n      &:where(:not([data-disabled], [data-static])) {\n        background-color: var(--mantine-primary-color-filled-hover);\n      }\n    }\n  }\n\n  &:where([data-disabled]) {\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  @mixin where-light {\n    @mixin hover {\n      &:where(:not([data-disabled], [data-selected])) {\n        background-color: var(--mantine-color-gray-1);\n      }\n    }\n  }\n\n  @mixin where-dark {\n    @mixin hover {\n      &:where(:not([data-disabled], [data-selected])) {\n        background-color: var(--mantine-color-dark-5);\n      }\n    }\n  }\n}\n\n.dayMonth {\n  font-size: 0.75em;\n  font-weight: var(--mantine-font-weight-medium);\n  opacity: 0.65;\n}\n\n.dayNumber {\n  font-size: 0.9em;\n  font-weight: var(--mantine-font-weight-medium);\n}\n\n.control {\n  align-self: stretch;\n  font-size: inherit;\n  width: 2em;\n  border-radius: var(--mantine-radius-default);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mantine-color-bright);\n\n  &:where([data-disabled]) {\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  & [data-chevron] {\n    font-size: inherit;\n    width: 60%;\n  }\n\n  &[data-direction='previous'] [data-chevron] {\n    transform: rotate(90deg);\n\n    @mixin rtl {\n      transform: rotate(-90deg);\n    }\n  }\n\n  &[data-direction='next'] [data-chevron] {\n    transform: rotate(-90deg);\n\n    @mixin rtl {\n      transform: rotate(90deg);\n    }\n  }\n\n  @mixin where-light {\n    @mixin hover {\n      &:where(:not([data-disabled])) {\n        background-color: var(--mantine-color-gray-1);\n      }\n    }\n  }\n\n  @mixin where-dark {\n    @mixin hover {\n      &:where(:not([data-disabled])) {\n        background-color: var(--mantine-color-dark-5);\n      }\n    }\n  }\n}\n"],"mappings":""}