You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

87 lines
3.7 KiB

  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.1
  6. */
  7. /** Theme styles for mdCalendar. */
  8. .md-calendar.md-THEME_NAME-theme {
  9. background: '{{background-A100}}';
  10. color: '{{background-A200-0.87}}'; }
  11. .md-calendar.md-THEME_NAME-theme tr:last-child td {
  12. border-bottom-color: '{{background-200}}'; }
  13. .md-THEME_NAME-theme .md-calendar-day-header {
  14. background: '{{background-300}}';
  15. color: '{{background-A200-0.87}}'; }
  16. .md-THEME_NAME-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  17. border: 1px solid '{{primary-500}}'; }
  18. .md-THEME_NAME-theme .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled {
  19. color: '{{primary-500-0.6}}'; }
  20. .md-calendar-date.md-focus .md-THEME_NAME-theme .md-calendar-date-selection-indicator, .md-THEME_NAME-theme .md-calendar-date-selection-indicator:hover {
  21. background: '{{background-300}}'; }
  22. .md-THEME_NAME-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
  23. .md-THEME_NAME-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  24. background: '{{primary-500}}';
  25. color: '{{primary-500-contrast}}';
  26. border-color: transparent; }
  27. .md-THEME_NAME-theme .md-calendar-date-disabled,
  28. .md-THEME_NAME-theme .md-calendar-month-label-disabled {
  29. color: '{{background-A200-0.435}}'; }
  30. /** Theme styles for mdDatepicker. */
  31. .md-THEME_NAME-theme .md-datepicker-input {
  32. color: '{{foreground-1}}'; }
  33. .md-THEME_NAME-theme .md-datepicker-input::-webkit-input-placeholder {
  34. color: '{{foreground-3}}'; }
  35. .md-THEME_NAME-theme .md-datepicker-input:-moz-placeholder {
  36. color: '{{foreground-3}}'; }
  37. .md-THEME_NAME-theme .md-datepicker-input::-moz-placeholder {
  38. color: '{{foreground-3}}'; }
  39. .md-THEME_NAME-theme .md-datepicker-input:-ms-input-placeholder {
  40. color: '{{foreground-3}}'; }
  41. .md-THEME_NAME-theme .md-datepicker-input::-webkit-input-placeholder {
  42. color: '{{foreground-3}}'; }
  43. .md-THEME_NAME-theme .md-datepicker-input-container {
  44. border-bottom-color: '{{foreground-4}}'; }
  45. .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
  46. border-bottom-color: '{{primary-color}}'; }
  47. .md-accent .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
  48. border-bottom-color: '{{accent-color}}'; }
  49. .md-warn .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
  50. border-bottom-color: '{{warn-A700}}'; }
  51. .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-invalid {
  52. border-bottom-color: '{{warn-A700}}'; }
  53. .md-THEME_NAME-theme .md-datepicker-calendar-pane {
  54. border-color: '{{background-hue-1}}'; }
  55. .md-THEME_NAME-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle {
  56. border-top-color: '{{foreground-3}}'; }
  57. .md-THEME_NAME-theme .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
  58. border-top-color: '{{foreground-2}}'; }
  59. .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
  60. color: '{{primary-color}}'; }
  61. .md-THEME_NAME-theme .md-datepicker-open.md-accent .md-datepicker-calendar-icon, .md-accent .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
  62. color: '{{accent-color}}'; }
  63. .md-THEME_NAME-theme .md-datepicker-open.md-warn .md-datepicker-calendar-icon, .md-warn .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
  64. color: '{{warn-A700}}'; }
  65. .md-THEME_NAME-theme .md-datepicker-calendar {
  66. background: '{{background-A100}}'; }
  67. .md-THEME_NAME-theme .md-datepicker-input-mask-opaque {
  68. box-shadow: 0 0 0 9999px "{{background-hue-1}}"; }
  69. .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-input-container {
  70. background: "{{background-hue-1}}"; }