Swaps out various shades of red and black with --error-text-color and --deemphasized-text-color, respectively. Also removes some vestigial CSS that was never applied, and a hard-coded check for a specific color in gr-autocomplete_test. Change-Id: Ideee67300d8bbaa8e86fb1a2991492fa22a2ac43
		
			
				
	
	
		
			73 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			73 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!--
 | 
						|
@license
 | 
						|
Copyright (C) 2016 The Android Open Source Project
 | 
						|
 | 
						|
Licensed under the Apache License, Version 2.0 (the "License");
 | 
						|
you may not use this file except in compliance with the License.
 | 
						|
You may obtain a copy of the License at
 | 
						|
 | 
						|
http://www.apache.org/licenses/LICENSE-2.0
 | 
						|
 | 
						|
Unless required by applicable law or agreed to in writing, software
 | 
						|
distributed under the License is distributed on an "AS IS" BASIS,
 | 
						|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | 
						|
See the License for the specific language governing permissions and
 | 
						|
limitations under the License.
 | 
						|
-->
 | 
						|
<dom-module id="gr-menu-page-styles">
 | 
						|
  <template>
 | 
						|
    <style>
 | 
						|
      :host {
 | 
						|
        background-color: var(--view-background-color);
 | 
						|
        display: block;
 | 
						|
      }
 | 
						|
      main {
 | 
						|
        margin: 2em auto;
 | 
						|
        max-width: 50em;
 | 
						|
      }
 | 
						|
      .mainHeader {
 | 
						|
        margin-left: 14em;
 | 
						|
        padding: 1em 0 1em 2em;
 | 
						|
      }
 | 
						|
      main.table,
 | 
						|
      .mainHeader {
 | 
						|
        margin-top: 0;
 | 
						|
        margin-right: 0;
 | 
						|
        margin-left: 14em;
 | 
						|
        max-width: none;
 | 
						|
      }
 | 
						|
      h2.edited:after {
 | 
						|
        color: var(--deemphasized-text-color);
 | 
						|
        content: ' *';
 | 
						|
      }
 | 
						|
      .loading {
 | 
						|
        color: var(--deemphasized-text-color);
 | 
						|
        padding: 1em var(--default-horizontal-margin);
 | 
						|
      }
 | 
						|
      @media only screen and (max-width: 67em) {
 | 
						|
        main {
 | 
						|
          margin: 2em 0 2em 15em;
 | 
						|
        }
 | 
						|
        main.table {
 | 
						|
          margin-left: 14em;
 | 
						|
        }
 | 
						|
      }
 | 
						|
      @media only screen and (max-width: 53em) {
 | 
						|
        .loading {
 | 
						|
          padding: 0 var(--default-horizontal-margin);
 | 
						|
        }
 | 
						|
        main {
 | 
						|
          margin: 2em 1em;
 | 
						|
        }
 | 
						|
        main.table {
 | 
						|
          margin: 0;
 | 
						|
        }
 | 
						|
        .mainHeader {
 | 
						|
          margin-left: 0;
 | 
						|
          padding: .5em 0 .5em 1em;
 | 
						|
        }
 | 
						|
      }
 | 
						|
    </style>
 | 
						|
  </template>
 | 
						|
</dom-module>
 |