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 md-input-container md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
   8   color: '{{warn-A700}}'; }
   9
  10 md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
  11   color: '{{foreground-3}}'; }
  12
  13 md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value {
  14   color: '{{primary-color}}'; }
  15   md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder {
  16     color: '{{primary-color}}'; }
  17
  18 md-input-container.md-input-invalid md-select.md-THEME_NAME-theme .md-select-value {
  19   color: '{{warn-A700}}' !important;
  20   border-bottom-color: '{{warn-A700}}' !important; }
  21
  22 md-input-container.md-input-invalid md-select.md-THEME_NAME-theme.md-no-underline .md-select-value {
  23   border-bottom-color: transparent !important; }
  24
  25 md-select.md-THEME_NAME-theme[disabled] .md-select-value {
  26   border-bottom-color: transparent;
  27   background-image: -webkit-linear-gradient(left, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%);
  28   background-image: linear-gradient(to right, "{{foreground-3}}" 0%, "{{foreground-3}}" 33%, transparent 0%);
  29   background-image: -ms-linear-gradient(left, transparent 0%, "{{foreground-3}}" 100%); }
  30
  31 md-select.md-THEME_NAME-theme .md-select-value {
  32   border-bottom-color: '{{foreground-4}}'; }
  33   md-select.md-THEME_NAME-theme .md-select-value.md-select-placeholder {
  34     color: '{{foreground-3}}'; }
  35   md-select.md-THEME_NAME-theme .md-select-value span:first-child:after {
  36     color: '{{warn-A700}}'; }
  37
  38 md-select.md-THEME_NAME-theme.md-no-underline .md-select-value {
  39   border-bottom-color: transparent !important; }
  40
  41 md-select.md-THEME_NAME-theme.ng-invalid.ng-touched .md-select-value {
  42   color: '{{warn-A700}}' !important;
  43   border-bottom-color: '{{warn-A700}}' !important; }
  44
  45 md-select.md-THEME_NAME-theme.ng-invalid.ng-touched.md-no-underline .md-select-value {
  46   border-bottom-color: transparent !important; }
  47
  48 md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value {
  49   border-bottom-color: '{{primary-color}}';
  50   color: '{{ foreground-1 }}'; }
  51   md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-value.md-select-placeholder {
  52     color: '{{ foreground-1 }}'; }
  53
  54 md-select.md-THEME_NAME-theme:not([disabled]):focus.md-no-underline .md-select-value {
  55   border-bottom-color: transparent !important; }
  56
  57 md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-value {
  58   border-bottom-color: '{{accent-color}}'; }
  59
  60 md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-value {
  61   border-bottom-color: '{{warn-color}}'; }
  62
  63 md-select.md-THEME_NAME-theme[disabled] .md-select-value {
  64   color: '{{foreground-3}}'; }
  65   md-select.md-THEME_NAME-theme[disabled] .md-select-value.md-select-placeholder {
  66     color: '{{foreground-3}}'; }
  67
  68 md-select.md-THEME_NAME-theme[disabled] .md-select-icon {
  69   color: '{{foreground-3}}'; }
  70
  71 md-select.md-THEME_NAME-theme .md-select-icon {
  72   color: '{{foreground-2}}'; }
  73
  74 md-select-menu.md-THEME_NAME-theme md-content {
  75   background: '{{background-A100}}'; }
  76   md-select-menu.md-THEME_NAME-theme md-content md-optgroup {
  77     color: '{{background-600-0.87}}'; }
  78   md-select-menu.md-THEME_NAME-theme md-content md-option {
  79     color: '{{background-900-0.87}}'; }
  80     md-select-menu.md-THEME_NAME-theme md-content md-option[disabled] .md-text {
  81       color: '{{background-400-0.87}}'; }
  82     md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):focus, md-select-menu.md-THEME_NAME-theme md-content md-option:not([disabled]):hover {
  83       background: '{{background-200}}'; }
  84     md-select-menu.md-THEME_NAME-theme md-content md-option[selected] {
  85       color: '{{primary-500}}'; }
  86       md-select-menu.md-THEME_NAME-theme md-content md-option[selected]:focus {
  87         color: '{{primary-600}}'; }
  88       md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent {
  89         color: '{{accent-color}}'; }
  90         md-select-menu.md-THEME_NAME-theme md-content md-option[selected].md-accent:focus {
  91           color: '{{accent-A700}}'; }
  92
  93 .md-checkbox-enabled.md-THEME_NAME-theme .md-ripple {
  94   color: '{{primary-600}}'; }
  95
  96 .md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ripple {
  97   color: '{{background-600}}'; }
  98
  99 .md-checkbox-enabled.md-THEME_NAME-theme .md-ink-ripple {
 100   color: '{{foreground-2}}'; }
 101
 102 .md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-ink-ripple {
 103   color: '{{primary-color-0.87}}'; }
 104
 105 .md-checkbox-enabled.md-THEME_NAME-theme:not(.md-checked) .md-icon {
 106   border-color: '{{foreground-2}}'; }
 107
 108 .md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon {
 109   background-color: '{{primary-color-0.87}}'; }
 110
 111 .md-checkbox-enabled.md-THEME_NAME-theme[selected].md-focused .md-container:before {
 112   background-color: '{{primary-color-0.26}}'; }
 113
 114 .md-checkbox-enabled.md-THEME_NAME-theme[selected] .md-icon:after {
 115   border-color: '{{primary-contrast-0.87}}'; }
 116
 117 .md-checkbox-enabled.md-THEME_NAME-theme .md-indeterminate[disabled] .md-container {
 118   color: '{{foreground-3}}'; }
 119
 120 .md-checkbox-enabled.md-THEME_NAME-theme md-option .md-text {
 121   color: '{{background-900-0.87}}'; }