md2/datepicker/datepicker.css.map

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.

{"version":3,"sources":["datepicker/datepicker.scss","datepicker/datepicker.css"],"names":[],"mappings":"AAYA,eACE,SAAU,SACV,QAAS,aACT,UAAW,MACX,QAAS,EACT,oBAAqB,OALvB,uCAQI,eAAgB,KAChB,OAAQ,QAIZ,wBACE,QAAS,MACT,QAAS,KAAA,EAAA,IAAA,KACT,YAAa,OAGf,uBACE,SAAU,SACV,IAAK,KACL,KAAM,EACN,QAAS,aACT,OAAQ,KACR,MAAO,KACP,QAAS,IACT,YAAa,KACb,MAAY,gBACZ,KAAM,aACN,OAAQ,EACR,cAAe,IACf,QAAS,EACT,YAAa,KACb,OAAQ,QACR,WAAY,WACZ,WAAY,IACZ,eAAgB,OAChB,YAAa,OACb,WAAY,OApBd,6BAuBI,iBAAkB,qBAGpB,gDACE,MAAY,gBAIhB,sBACE,MAAY,gBACZ,cAAe,IAAI,MAAW,gBAC9B,QAAS,KACT,gBAAiB,cACjB,YAAa,OACb,OAjE8B,KAkE9B,UAjEiC,MAkEjC,YAAa,KACb,SAAU,SACV,cAAe,KACf,WAAY,WCpBZ,2CDuBE,iBAAkB,8EAClB,gBAAiB,IAAA,IACjB,kBAAmB,SACnB,aAAc,YACd,oBAAqB,EAAA,OACrB,OAAQ,QACR,YAAa,KApBjB,mDAyBI,MAvFM,QAwFN,aAxFM,QA2FR,yFACE,MA3FG,QA4FH,aA5FG,QAgGP,4BACE,SAAU,SACV,MAAO,KACP,OAAQ,KACR,KAAM,EACN,QAAS,EAAA,IACT,UAAW,sBAAwB,SACnC,iBAAkB,KAAA,IAClB,YAAa,OACb,WAAY,OACZ,cAAe,SACf,WAAY,IAAI,MAAM,2BAXxB,qDAcI,KAAM,KACN,WAAY,KACZ,UAAW,qBAAuB,WC7BpC,sCDiCE,MAAO,EACP,KAAM,KACN,iBAAkB,MAAA,IC/BlB,+DDkCE,MAAO,KACP,WAAY,MChChB,wDDqCE,QAAS,IACT,MAAO,QAIX,sBACE,SAAU,SACV,MAAO,KACP,YAAa,OACb,WAAY,OACZ,cAAe,SACf,MAAY,gBACZ,OAAQ,EACR,QAAS,EACT,WAAY,IAEZ,+CACE,MAAY,gBCtCd,gCD0CE,KAAM,KACN,MAAO,EAIX,sBACE,SAAU,SACV,MAAO,EACP,MAAO,EACP,OAAQ,EACR,YA1J0B,IA0Jc,MAAM,YAC9C,aA3J0B,IA2Je,MAAM,YAC/C,WA5J0B,IA4Ja,MACvC,OAAQ,EA5JoB,IA6J5B,MAAY,gBAEZ,oDACE,MAtKM,QAyKR,yFACE,MAzKG,QA6KP,oBACE,SAAU,SACV,IAAK,KACL,MAAO,KACP,OAAQ,KACR,QAAS,MACT,MAAO,KACP,YAAa,KACb,WAAY,KACZ,WAAY,OACZ,WAAY,KACZ,WAAY,IAXd,2BAcI,MAAO,EAdX,gDAkBI,QAAS,KACT,eAAgB,OAChB,gBAAiB,OACjB,WAAY,KAIhB,mBACE,SAAU,SACV,QAAS,MACT,OAAQ,EAAA,KACR,QAAS,EACT,UAAW,KACX,YAAa,IACb,WAAY,OACZ,OAAQ,QARV,4BAWI,MAlNM,QAmNN,UAAW,KACX,YAAa,IAIjB,wBACE,WAAY,MADd,oCAII,QAAS,aACT,UAAW,KACX,OAAQ,IAAA,IAAA,IAAA,EACR,QAAS,EAAA,KACT,UAAW,KACX,MAjOM,QAkON,YAAa,KACb,WAAY,OACZ,eAAgB,UAChB,cAAe,IACf,OAAQ,QACR,WAAY,WACZ,WAAY,IAAI,MAAM,0BAhB1B,0CAmBM,WAAY","file":"datepicker.css","sourcesContent":["$primary: #106cc8 !default;\n$warn: #f44336 !default;\n\n$md2-datepicker-trigger-height: 30px !default;\n$md2-datepicker-trigger-min-width: 168px !default;\n$md2-datepicker-arrow-size: 5px !default;\n$md2-datepicker-arrow-margin: 4px !default;\n$md2-datepicker-date-cell-size: 40px !default;\n$md2-datepicker-calendar-height: 280px !default;\n\n$md2-clock-size: 240px !default;\n\nmd2-datepicker {\n  position: relative;\n  display: inline-block;\n  min-width: 175px;\n  outline: none;\n  backface-visibility: hidden;\n\n  &.md2-datepicker-disabled {\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n.md2-datepicker-trigger {\n  display: block;\n  padding: 18px 0 4px 46px;\n  white-space: nowrap;\n}\n\n.md2-datepicker-button {\n  position: absolute;\n  top: 13px;\n  left: 0;\n  display: inline-block;\n  height: 40px;\n  width: 40px;\n  padding: 8px;\n  line-height: 24px;\n  color: rgba(black, 0.54);\n  fill: currentColor;\n  border: 0;\n  border-radius: 50%;\n  outline: none;\n  user-select: none;\n  cursor: pointer;\n  box-sizing: border-box;\n  background: none;\n  vertical-align: middle;\n  align-items: center;\n  text-align: center;\n\n  &:focus {\n    background-color: rgba(158, 158, 158, 0.2);\n  }\n\n  .md2-datepicker-disabled & {\n    color: rgba(black, 0.38);\n  }\n}\n\n.md2-datepicker-input {\n  color: rgba(black, 0.38);\n  border-bottom: 1px solid rgba(black, 0.12);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: $md2-datepicker-trigger-height;\n  min-width: $md2-datepicker-trigger-min-width;\n  line-height: 22px;\n  position: relative;\n  padding-right: 20px;\n  box-sizing: border-box;\n\n  [aria-disabled='true'] & {\n    background-image: linear-gradient(to right, rgba(black, 0.26) 0, rgba(black, 0.26) 33%, transparent 0);\n    background-size: 4px 1px;\n    background-repeat: repeat-x;\n    border-color: transparent;\n    background-position: 0 bottom;\n    cursor: default;\n    user-select: none;\n  }\n\n\n  &.md2-datepicker-input-focused {\n    color: $primary;\n    border-color: $primary;\n  }\n\n  md2-datepicker.ng-invalid.ng-touched:not(.md2-datepicker-disabled) & {\n    color: $warn;\n    border-color: $warn;\n  }\n}\n\n.md2-datepicker-placeholder {\n  position: absolute;\n  right: 18px;\n  bottom: 100%;\n  left: 0;\n  padding: 0 2px;\n  transform: translate3d(0, 26px, 0) scale(1);\n  transform-origin: left top;\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  transition: all 150ms cubic-bezier(0.25, 0.8, 0.25, 1);\n\n  &.md2-floating-placeholder {\n    left: -2px;\n    text-align: left;\n    transform: translate3d(0, 6px, 0) scale(0.75);\n  }\n\n  [dir='rtl'] & {\n    right: 0;\n    left: 18px;\n    transform-origin: right top;\n\n    &.md2-floating-placeholder {\n      right: -2px;\n      text-align: right;\n    }\n  }\n\n  [aria-required=true] &::after {\n    content: '*';\n    color: #fd0f0f;\n  }\n}\n\n.md2-datepicker-value {\n  position: relative;\n  width: 100%;\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  color: rgba(black, 0.87);\n  border: 0;\n  outline: none;\n  background: transparent;\n\n  .md2-datepicker-disabled & {\n    color: rgba(black, 0.38);\n  }\n\n  [dir='rtl'] & {\n    left: auto;\n    right: 0;\n  }\n}\n\n.md2-datepicker-arrow {\n  position: absolute;\n  right: 0;\n  width: 0;\n  height: 0;\n  border-left: $md2-datepicker-arrow-size solid transparent;\n  border-right: $md2-datepicker-arrow-size solid transparent;\n  border-top: $md2-datepicker-arrow-size solid;\n  margin: 0 $md2-datepicker-arrow-margin;\n  color: rgba(black, 0.38);\n\n  .md2-datepicker-input-focused & {\n    color: $primary;\n  }\n\n  md2-datepicker.ng-invalid.ng-touched:not(.md2-datepicker-disabled) & {\n    color: $warn;\n  }\n}\n\n.md2-calendar-years {\n  position: absolute;\n  top: 10px;\n  right: 100%;\n  bottom: 10px;\n  display: block;\n  width: 100%;\n  line-height: 40px;\n  background: white;\n  overflow-x: hidden;\n  overflow-y: auto;\n  transition: 300ms;\n\n  &.active {\n    right: 0;\n  }\n\n  .md2-calendar-years-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    min-height: 100%;\n  }\n}\n\n.md2-calendar-year {\n  position: relative;\n  display: block;\n  margin: 0 auto;\n  padding: 0;\n  font-size: 17px;\n  font-weight: 400;\n  text-align: center;\n  cursor: pointer;\n\n  &.selected {\n    color: $primary;\n    font-size: 26px;\n    font-weight: 500;\n  }\n}\n\n.md2-datepicker-actions {\n  text-align: right;\n\n  .md2-button {\n    display: inline-block;\n    min-width: 64px;\n    margin: 4px 8px 8px 0;\n    padding: 0 12px;\n    font-size: 14px;\n    color: $primary;\n    line-height: 36px;\n    text-align: center;\n    text-transform: uppercase;\n    border-radius: 2px;\n    cursor: pointer;\n    box-sizing: border-box;\n    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);\n\n    &:hover {\n      background: darken(white, 8);\n    }\n  }\n}\n",null]}