1234567891011121314151617181920212223242526272829303132 |
- /*!
- * Angular Material Design
- * https://github.com/angular/material
- * @license MIT
- * v0.11.4
- */
- /** Theme styles for mdDatepicker. */
- md-datepicker.md-THEME_NAME-theme {
- background: '{{background-color}}'; }
- .md-THEME_NAME-theme .md-datepicker-input {
- color: '{{background-contrast}}';
- background: '{{background-color}}'; }
- .md-THEME_NAME-theme .md-datepicker-input::-webkit-input-placeholder, .md-THEME_NAME-theme .md-datepicker-input::-moz-placeholder, .md-THEME_NAME-theme .md-datepicker-input:-moz-placeholder, .md-THEME_NAME-theme .md-datepicker-input:-ms-input-placeholder {
- color: '{{foreground-3}}'; }
- .md-THEME_NAME-theme .md-datepicker-input-container {
- border-bottom-color: '{{background-300}}'; }
- .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
- border-bottom-color: '{{primary-500}}'; }
- .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-invalid {
- border-bottom-color: '{{warn-500}}'; }
- .md-THEME_NAME-theme .md-datepicker-calendar-pane {
- border-color: '{{background-300}}'; }
- .md-THEME_NAME-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle {
- border-top-color: '{{foreground-3}}'; }
- .md-THEME_NAME-theme .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
- border-top-color: '{{foreground-2}}'; }
- .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
- fill: '{{primary-500}}'; }
- .md-THEME_NAME-theme .md-datepicker-calendar, .md-THEME_NAME-theme .md-datepicker-input-mask-opaque {
- background: '{{background-color}}'; }
|