gerrit.onap Code Review - vnfsdk/refrepo.git/blob

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