| OLD | NEW |
| 1 <dom-module id="shared-styles"> | 1 <dom-module id="shared-styles"> |
| 2 <template> | 2 <template> |
| 3 <style> | 3 <style> |
| 4 :root { | 4 :root { |
| 5 --error-color: var(--google-red-700); | 5 --error-color: var(--google-red-700); |
| 6 --page-width: 624px; | 6 --page-width: 624px; |
| 7 --primary-text-color: var(--paper-grey-800); | 7 --primary-text-color: var(--paper-grey-800); |
| 8 --title-icon-color: var(--paper-grey-500); | 8 --title-icon-color: var(--paper-grey-500); |
| 9 --action-button: { |
| 10 border-radius: 2px; |
| 11 line-height: 20px; |
| 12 margin: 0; |
| 13 min-width: 52px; |
| 14 padding: 6px 16px; |
| 15 }; |
| 9 } | 16 } |
| 10 | 17 |
| 11 a, | 18 a, |
| 12 a:active, | 19 a:active, |
| 13 a:hover, | 20 a:hover, |
| 14 a:visited { | 21 a:visited { |
| 15 color: var(--google-blue-700); | 22 color: var(--google-blue-700); |
| 16 cursor: pointer; | 23 cursor: pointer; |
| 17 text-decoration: none; | 24 text-decoration: none; |
| 18 } | 25 } |
| 19 | 26 |
| 20 paper-button.action { | 27 paper-button.action { |
| 21 border-radius: 2px; | 28 @apply(--action-button); |
| 22 line-height: 32px; | |
| 23 margin: 0; | |
| 24 min-width: 52px; | |
| 25 padding: 0 16px; | |
| 26 } | 29 } |
| 27 | 30 |
| 28 paper-button.action.primary { | 31 paper-button.action.primary { |
| 29 --paper-button: { | 32 --paper-button: { |
| 30 background: var(--google-blue-500); | 33 background: var(--google-blue-500); |
| 31 color: white; | 34 color: white; |
| 32 font-weight: 500; | 35 font-weight: 500; |
| 33 }; | 36 }; |
| 34 --paper-button-flat-keyboard-focus: { | 37 --paper-button-flat-keyboard-focus: { |
| 35 background: rgb(58, 117, 215); | 38 background: rgb(58, 117, 215); |
| (...skipping 21 matching lines...) Expand all Loading... |
| 57 } | 60 } |
| 58 | 61 |
| 59 paper-listbox { | 62 paper-listbox { |
| 60 --paper-listbox: { | 63 --paper-listbox: { |
| 61 padding: 0; | 64 padding: 0; |
| 62 }; | 65 }; |
| 63 } | 66 } |
| 64 </style> | 67 </style> |
| 65 </template> | 68 </template> |
| 66 </dom-module> | 69 </dom-module> |
| OLD | NEW |