react-year-date-picker
Version:
React year month picker
1 lines • 2.68 kB
Source Map (JSON)
{"mappings":"AAAA;;;;;;;AAOA;;;;;;;;;;;;;;;AAeA;;;;AAKA;;;;;AAKA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;;;AAeA;;;;;;;;;;;;AAYA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;;;;;;;AAcA;;;;AAIA;;;;;AAKA","sources":["src/lib/style.css"],"sourcesContent":[":root {\n --hover-color: #f1f5f9;\n --border-color: #e4e4e7;\n --pressed-color: #bfdbfe;\n --background-color: #ffffff;\n}\n\n.pickerButton {\n box-sizing: border-box;\n margin: 0;\n padding: 0.5rem;\n min-width: 10rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n transition-duration: 150ms;\n border: 1px solid var(--border-color);\n border-radius: 0.25rem;\n background-color: white;\n}\n\n.dateLeftButton:hover,\n.pickerButton:hover {\n background-color: var(--hover-color);\n}\n\n.round-shadow {\n border-radius: 0.25rem;\n border: 1px solid var(--border-color);\n}\n\n.calendar {\n background-color: var(--background-color);\n box-sizing: border-box;\n position: absolute;\n margin: 0;\n padding: 0.25rem;\n width: 20rem;\n height: 15rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n /* SHADOW */\n}\n\n.calendar2 {\n background-color: var(--background-color);\n box-sizing: border-box;\n position: absolute;\n margin: 0;\n padding: 0;\n width: 20rem;\n height: 18rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n /* SHADOW */\n}\n\n.calendarHeader {\n box-sizing: border-box;\n margin: 0;\n padding: 0 1rem;\n width: 100%;\n height: 3rem;\n border-bottom: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.calendarWrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n position: relative;\n width: 40rem;\n height: 15rem;\n transition-duration: 500ms;\n}\n\n.calendar-row {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: space-between;\n}\n\n.calendar-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 3.5rem;\n height: 3.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border-radius: 100%;\n transition-duration: 150ms;\n}\n\n.calendar-button:hover {\n background-color: var(--hover-color);\n}\n\n.calendar-button[aria-pressed=\"true\"] {\n font-weight: 500;\n background-color: var(--pressed-color);\n}\n\n.dateLeftButton {\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n border-radius: 0.25rem;\n cursor: pointer;\n transition-duration: 150ms;\n}\n"],"names":[],"version":3,"file":"module.css.map"}