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 • 3.93 kB
Source Map (JSON)
{"version":3,"sources":["datepicker/calendar-body.scss","datepicker/calendar-body.css"],"names":[],"mappings":"AAeA,mBACE,UAf4B,KAgB5B,UAP2B,MAU7B,yBACE,QAV+B,SAUU,EAVV,SAAA,SAW/B,OAAQ,EACR,YAAa,EACb,MAAY,gBACZ,UAAW,iBACX,WAAY,KAGd,wBACE,SAAU,SACV,MAzB4B,UA0B5B,OAAQ,EACR,YAAa,EACb,QAvB+B,SAuBU,EACzC,WAAY,OACZ,QAAS,EACT,OAAQ,QAGV,4BACE,OAAQ,QACR,eAAe,KAGjB,gCACE,SAAU,SACV,IAxCsC,GAyCtC,KAzCsC,GA0CtC,QAAS,KACT,YAAa,OACb,gBAAiB,OACjB,WAAY,WACZ,MAzCoC,IA0CpC,OA1CoC,IA2CpC,MAAY,gBACZ,aAhD4C,IAiD5C,aAAc,MACd,aAAc,YACd,cAAe,IAEf,6FACE,MAAY,gBAKhB,+GADA,yGAGI,iBAAuB,gBAI3B,4BACE,iBA1EQ,QA2ER,MAAO,KAGT,wDACE,iBA/EQ,oBAkFV,0DAEI,aApFM,QAkFV,oDAMI,WAAY,MAAM,EAAE,EAAE,EA3EuB,IA2E2B,oCAI5E,sFACE,aAAmB,gBC7BrB,mCDkCI,QAAS,EAvFoB,SAuFc,EAAE,EAC7C,UAAW,gBACX,WAAY","file":"calendar-body.css","sourcesContent":["$primary: #106cc8 !default;\n$md2-calendar-body-font-size: 13px !default;\n$md2-calendar-body-header-font-size: 14px !default;\n$md2-calendar-body-label-padding-start: 5% !default;\n$md2-calendar-body-label-translation: -6px !default;\n$md2-calendar-body-cell-min-size: 32px !default;\n$md2-calendar-body-cell-size: 100% / 7 !default;\n$md2-calendar-body-cell-content-margin: 5% !default;\n$md2-calendar-body-cell-content-border-width: 1px !default;\n\n$md2-calendar-body-min-size: 7 * $md2-calendar-body-cell-min-size !default;\n$md2-calendar-body-cell-padding: $md2-calendar-body-cell-size / 2 !default;\n$md2-calendar-body-cell-content-size: 100% - $md2-calendar-body-cell-content-margin * 2 !default;\n$md2-datepicker-selected-today-box-shadow-width: 1px;\n\n.md2-calendar-body {\n font-size: $md2-calendar-body-font-size;\n min-width: $md2-calendar-body-min-size;\n}\n\n.md2-calendar-body-label {\n padding: $md2-calendar-body-cell-padding 0 $md2-calendar-body-cell-padding $md2-calendar-body-cell-padding;\n height: 0;\n line-height: 0;\n color: rgba(black, 0.54);\n transform: translateX($md2-calendar-body-label-translation);\n text-align: left;\n}\n\n.md2-calendar-body-cell {\n position: relative;\n width: $md2-calendar-body-cell-size;\n height: 0;\n line-height: 0;\n padding: $md2-calendar-body-cell-padding 0;\n text-align: center;\n outline: none;\n cursor: pointer;\n}\n\n.md2-calendar-body-disabled {\n cursor: default;\n pointer-events:none;\n}\n\n.md2-calendar-body-cell-content {\n position: absolute;\n top: $md2-calendar-body-cell-content-margin;\n left: $md2-calendar-body-cell-content-margin;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: $md2-calendar-body-cell-content-size;\n height: $md2-calendar-body-cell-content-size;\n color: rgba(black, 0.87);\n border-width: $md2-calendar-body-cell-content-border-width;\n border-style: solid;\n border-color: transparent;\n border-radius: 50%;\n\n .md2-calendar-body-disabled > &:not(.md2-calendar-body-selected) {\n color: rgba(black, 0.38);\n }\n}\n\n:not(.md2-calendar-body-disabled):hover,\n.md2-calendar:focus .md2-calendar-body-active {\n & > .md2-calendar-body-cell-content:not(.md2-calendar-body-selected) {\n background-color: rgba(black, 0.12);\n }\n}\n\n.md2-calendar-body-selected {\n background-color: $primary;\n color: white;\n}\n\n.md2-calendar-body-disabled > .md2-calendar-body-selected {\n background-color: rgba($primary, 0.4);\n}\n\n.md2-calendar-body-today {\n &:not(.md2-calendar-body-selected) {\n border-color: $primary;\n }\n\n &.md2-calendar-body-selected {\n box-shadow: inset 0 0 0 $md2-datepicker-selected-today-box-shadow-width md2-color($primary, default-contrast);\n }\n}\n\n.md2-calendar-body-disabled > .md2-calendar-body-today:not(.md2-calendar-body-selected) {\n border-color: rgba(black, 0.18);\n}\n\n[dir='rtl'] {\n .md2-calendar-body-label {\n padding: 0 $md2-calendar-body-cell-padding 0 0;\n transform: translateX(-$md2-calendar-body-label-translation);\n text-align: right;\n }\n}\n",null]}