| OLD | NEW |
| 1 <!-- "action_link_css.html" replaces "action_link.css" for MD pages. --> | 1 <!-- "action_link_css.html" replaces "action_link.css" for MD pages. --> |
| 2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
| 4 | 4 |
| 5 <dom-module id="action-link"> | 5 <dom-module id="action-link"> |
| 6 <template> | 6 <template> |
| 7 <style> | 7 <style> |
| 8 [is='action-link'] { | 8 [is='action-link'] { |
| 9 @apply(--cr-actionable); | 9 @apply(--cr-actionable); |
| 10 display: inline-block; | 10 display: inline-block; |
| 11 text-decoration: none; | 11 text-decoration: none; |
| 12 } | 12 } |
| 13 | 13 |
| 14 [is='action-link'], | 14 [is='action-link'], |
| 15 [is='action-link']:active, | 15 [is='action-link']:active, |
| 16 [is='action-link']:hover, | 16 [is='action-link']:hover, |
| 17 [is='action-link']:visited { | 17 [is='action-link']:visited { |
| 18 color: var(--google-blue-700); | 18 color: var(--google-blue-700); |
| 19 } | 19 } |
| 20 | 20 |
| 21 [is='action-link'][disabled] { | 21 [is='action-link'][disabled] { |
| 22 color: var(--paper-grey-600); | 22 color: var(--paper-grey-600); |
| 23 cursor: default; | 23 cursor: default; |
| 24 opacity: 0.65; | 24 opacity: 0.65; |
| 25 pointer-events: none; | 25 pointer-events: none; |
| 26 } | 26 } |
| 27 | 27 |
| 28 [is='action-link'].no-outline { | 28 [is='action-link'].no-outline:focus { |
| 29 outline: none; | 29 outline: none; |
| 30 } | 30 } |
| 31 </style> | 31 </style> |
| 32 </template> | 32 </template> |
| 33 </dom-module> | 33 </dom-module> |
| OLD | NEW |