md2
Version:
Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
1 lines • 5.19 kB
Source Map (JSON)
{"version":3,"sources":["datepicker/calendar.scss","core/style/_vendor-prefixes.scss","datepicker/calendar.css"],"names":[],"mappings":"AAaA,cCXE,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KDUb,QAAS,MACT,QAAS,EAHX,8BAMI,QAAS,KAIb,qBACE,QAAS,KACT,UAAW,KACX,iBAxBQ,QAyBR,MAAO,KACP,WAAY,WEVZ,sCFaE,MAAO,MACP,UAAW,MAKf,+BADA,0BAEE,MAAO,KACP,YAAa,IACb,YAAa,OAGf,+BACE,UAAW,KACX,YAAa,KEdb,gDFiBE,YAAa,OACb,UAAW,WAKf,uCACA,wCACA,0CAHA,uCAKI,OAAQ,QACR,QAAS,GAIb,0BACE,aAAc,IADhB,uCAII,QAAS,GAJb,kEAAA,oEAQM,OAAQ,QACR,QAAS,EEtBb,2CF2BE,QAAS,MACT,aAAc,EAIlB,sBACE,MAAO,KACP,QAAS,EAjFY,IAAA,IAAA,IAkFrB,QAAS,EACT,WAAY,WACZ,SAAU,OE3BV,uCF8BE,YAvFmB,IA2FvB,uBACE,QAAS,KACT,gBAAiB,cAGnB,4BACE,QAAS,aACT,OAAQ,KACR,QAAS,KACT,QAAS,EACT,OAAQ,EACR,WAAY,IACZ,WAAY,WAId,0BADA,8BAEE,QAAS,aACT,MAAO,KACP,OAAQ,KACR,QAAS,KACT,QAAS,EACT,OAAQ,EACR,OAAQ,QACR,WAAY,IACZ,WAAY,WATd,mCADA,uCAaI,MAAY,gBACZ,eAAgB,KAbpB,8BADA,kCAkBI,KAAM,aACN,eAAgB,IAIpB,oBACE,eAAgB,EAChB,gBAAiB,SACjB,MAAO,KAGT,2BACE,MAAY,gBADd,8BAII,WAAY,OACZ,UA3ImC,KA4InC,QAAS,EAAE,EA7IQ,IA6IgB,EAIvC,yBACE,yBACE,QAAS,KADX,8CAII,MAAO,MACP,UAAW,MALf,wDASI,YAAa,OACb,UAAW,WAVf,mDAcI,QAAS,MACT,aAAc,EAflB,+CAmBI,YArKiB","file":"calendar.css","sourcesContent":["@import '../core/style/vendor-prefixes';\n\n$primary: #106cc8 !default;\n$md2-calendar-padding: 8px !default;\n$md2-calendar-weekday-table-font-size: 11px !default;\n\n// Values chosen to approximate https://material.io/icons/#ic_navigate_before and\n// https://material.io/icons/#ic_navigate_next as closely as possible.\n$md2-calendar-prev-next-icon-border-width: 2px;\n$md2-calendar-prev-next-icon-margin: 15.5px;\n$md2-calendar-prev-icon-transform: translateX(2px) rotate(-45deg);\n$md2-calendar-next-icon-transform: translateX(-2px) rotate(45deg);\n\n.md2-calendar {\n @include user-select(none);\n display: block;\n outline: none;\n\n &[mode='landscape'] {\n display: flex;\n }\n}\n\n.md2-calendar-header {\n padding: $md2-calendar-padding * 2;\n font-size: 14px;\n background-color: $primary;\n color: white;\n box-sizing: border-box;\n\n [mode='landscape'] & {\n width: 150px;\n min-width: 150px;\n }\n}\n\n.md2-calendar-header-year,\n.md2-calendar-header-date-time {\n width: 100%;\n font-weight: 500;\n white-space: nowrap;\n}\n\n.md2-calendar-header-date-time {\n font-size: 30px;\n line-height: 34px;\n\n [mode='landscape'] & {\n white-space: normal;\n word-wrap: break-word;\n }\n}\n\n.md2-calendar-header-year,\n.md2-calendar-header-date,\n.md2-calendar-header-hours,\n.md2-calendar-header-minutes {\n &:not(.active) {\n cursor: pointer;\n opacity: 0.6;\n }\n}\n\n.md2-calendar-header-time {\n padding-left: 8px;\n\n &:not(.active) {\n opacity: 0.6;\n\n .md2-calendar-header-hours,\n .md2-calendar-header-minutes {\n cursor: pointer;\n opacity: 1;\n }\n }\n\n [mode='landscape'] & {\n display: block;\n padding-left: 0;\n }\n}\n\n.md2-calendar-content {\n width: 100%;\n padding: 0 $md2-calendar-padding $md2-calendar-padding $md2-calendar-padding;\n outline: none;\n box-sizing: border-box;\n overflow: hidden;\n\n [mode='landscape'] & {\n padding-top: $md2-calendar-padding;\n }\n}\n\n.md2-calendar-controls {\n display: flex;\n justify-content: space-between;\n}\n\n.md2-calendar-period-button {\n display: inline-block;\n height: 48px;\n padding: 12px;\n outline: none;\n border: 0;\n background: transparent;\n box-sizing: border-box;\n}\n\n.md2-calendar-previous-button,\n.md2-calendar-next-button {\n display: inline-block;\n width: 48px;\n height: 48px;\n padding: 12px;\n outline: none;\n border: 0;\n cursor: pointer;\n background: transparent;\n box-sizing: border-box;\n\n &.disabled {\n color: rgba(black, 0.38);\n pointer-events: none;\n }\n\n svg {\n fill: currentColor;\n vertical-align: top;\n }\n}\n\n.md2-calendar-table {\n border-spacing: 0;\n border-collapse: collapse;\n width: 100%;\n}\n\n.md2-calendar-table-header {\n color: rgba(black, 0.38);\n\n th {\n text-align: center;\n font-size: $md2-calendar-weekday-table-font-size;\n padding: 0 0 $md2-calendar-padding 0;\n }\n}\n\n@media (min-width: 480px) {\n .md2-calendar[mode='auto'] {\n display: flex;\n\n .md2-calendar-header {\n width: 150px;\n min-width: 150px;\n }\n\n .md2-calendar-header-date-time {\n white-space: normal;\n word-wrap: break-word;\n }\n\n .md2-calendar-header-time {\n display: block;\n padding-left: 0;\n }\n\n .md2-calendar-content {\n padding-top: $md2-calendar-padding;\n }\n }\n}\n","/* stylelint-disable material/no-prefixes */\n@mixin user-select($value) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n@mixin input-placeholder {\n &::placeholder {\n @content;\n }\n\n &::-moz-placeholder {\n @content;\n }\n\n &::-webkit-input-placeholder {\n @content;\n }\n\n &:-ms-input-placeholder {\n @content;\n }\n}\n\n@mixin cursor-grab {\n cursor: -webkit-grab;\n cursor: grab;\n}\n\n@mixin cursor-grabbing {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n/* stylelint-enable */\n",null]}