| OLD | NEW |
| 1 <!-- Common styles for signin-related tab modal dialogs. --> | 1 <!-- Common styles for signin-related tab modal dialogs. --> |
| 2 <dom-module id="signin-dialog-shared"> | 2 <dom-module id="signin-dialog-shared"> |
| 3 <template> | 3 <template> |
| 4 <style> | 4 <style> |
| 5 a { | 5 a { |
| 6 color: var(--google-blue-700); | 6 color: var(--google-blue-700); |
| 7 text-decoration: none; | 7 text-decoration: none; |
| 8 } | 8 } |
| 9 | 9 |
| 10 body { | 10 body { |
| 11 margin: 0; | 11 margin: 0; |
| 12 /* Scrollbars are hidden as the sign-in dialogs are automatically | 12 /* Scrollbars are hidden as the sign-in dialogs are automatically |
| 13 * resized. */ | 13 * resized. */ |
| 14 overflow: hidden; | 14 overflow: hidden; |
| 15 padding: 0; | 15 padding: 0; |
| 16 } | 16 } |
| 17 | 17 |
| 18 paper-button { | 18 paper-button { |
| 19 font-weight: 500; | 19 font-weight: 500; |
| 20 line-height: 16px; | 20 line-height: 16px; |
| 21 margin: 0; | 21 margin: 0; |
| 22 padding: 8px 16px; | 22 padding: 8px 16px; |
| 23 } | 23 } |
| 24 | 24 |
| 25 paper-button.primary-action { | 25 paper-button.primary-action { |
| 26 --paper-button-flat-keyboard-focus: { | 26 --paper-button-flat-keyboard-focus: { |
| 27 background: rgb(58, 117, 215); | 27 background: rgb(58, 117, 215); |
| 28 font-weight: 500; |
| 28 }; | 29 }; |
| 29 background: var(--google-blue-500); | 30 background: var(--google-blue-500); |
| 30 color: white; | 31 color: white; |
| 31 } | 32 } |
| 32 | 33 |
| 33 paper-button.secondary-action { | 34 paper-button.secondary-action { |
| 34 --paper-button-flat-keyboard-focus: { | 35 --paper-button-flat-keyboard-focus: { |
| 35 background: rgba(0, 0, 0, .12); | 36 background: rgba(0, 0, 0, .12); |
| 37 font-weight: 500; |
| 36 }; | 38 }; |
| 37 color: var(--paper-grey-600); | 39 color: var(--paper-grey-600); |
| 38 } | 40 } |
| 39 | 41 |
| 40 paper-radio-button { | 42 paper-radio-button { |
| 41 --paper-radio-button-checked-color: var(--google-blue-500); | 43 --paper-radio-button-checked-color: var(--google-blue-500); |
| 42 --paper-radio-button-ink-size: 40px; | 44 --paper-radio-button-ink-size: 40px; |
| 43 --paper-radio-button-label-spacing: 16px; | 45 --paper-radio-button-label-spacing: 16px; |
| 44 --paper-radio-button-unchecked-color: var(--paper-grey-600); | 46 --paper-radio-button-unchecked-color: var(--paper-grey-600); |
| 45 } | 47 } |
| (...skipping 25 matching lines...) Expand all Loading... |
| 71 <if expr="is_macosx or is_linux"> | 73 <if expr="is_macosx or is_linux"> |
| 72 .action-container { | 74 .action-container { |
| 73 flex-flow: row-reverse; | 75 flex-flow: row-reverse; |
| 74 justify-content: flex-start; | 76 justify-content: flex-start; |
| 75 } | 77 } |
| 76 </if> | 78 </if> |
| 77 | 79 |
| 78 </style> | 80 </style> |
| 79 </template> | 81 </template> |
| 80 </dom-module> | 82 </dom-module> |
| OLD | NEW |