datepicker-default-theme.css 1.5 KB

1234567891011121314151617181920212223242526272829303132
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. /** Theme styles for mdDatepicker. */
  8. md-datepicker.md-THEME_NAME-theme {
  9. background: '{{background-color}}'; }
  10. .md-THEME_NAME-theme .md-datepicker-input {
  11. color: '{{background-contrast}}';
  12. background: '{{background-color}}'; }
  13. .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 {
  14. color: '{{foreground-3}}'; }
  15. .md-THEME_NAME-theme .md-datepicker-input-container {
  16. border-bottom-color: '{{background-300}}'; }
  17. .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
  18. border-bottom-color: '{{primary-500}}'; }
  19. .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-invalid {
  20. border-bottom-color: '{{warn-500}}'; }
  21. .md-THEME_NAME-theme .md-datepicker-calendar-pane {
  22. border-color: '{{background-300}}'; }
  23. .md-THEME_NAME-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle {
  24. border-top-color: '{{foreground-3}}'; }
  25. .md-THEME_NAME-theme .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
  26. border-top-color: '{{foreground-2}}'; }
  27. .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
  28. fill: '{{primary-500}}'; }
  29. .md-THEME_NAME-theme .md-datepicker-calendar, .md-THEME_NAME-theme .md-datepicker-input-mask-opaque {
  30. background: '{{background-color}}'; }