| 219 | /* Modifier classes for button-links. */ |
| 220 | |
| 221 | /* Button-link that looks like a default core link */ |
| 222 | .wp-core-ui .button-link.like-core-anchor { |
| 223 | color: #0073aa; |
| 224 | outline: 0; |
| 225 | text-decoration: underline; |
| 226 | -webkit-transition-property: border, background, color; |
| 227 | transition-property: border, background, color; |
| 228 | -webkit-transition-duration: .05s; |
| 229 | transition-duration: .05s; |
| 230 | -webkit-transition-timing-function: ease-in-out; |
| 231 | transition-timing-function: ease-in-out; |
| 232 | } |
| 233 | |
| 234 | .wp-core-ui .button-link.like-core-anchor:hover, |
| 235 | .wp-core-ui .button-link.like-core-anchor:active { |
| 236 | color: #00a0d2; |
| 237 | } |
| 238 | .wp-core-ui .button-link.like-core-anchor:focus { |
| 239 | color: #124964; |
| 240 | -webkit-box-shadow: |
| 241 | 0 0 0 1px #5b9dd9, |
| 242 | 0 0 2px 1px rgba(30, 140, 190, .8); |
| 243 | box-shadow: |
| 244 | 0 0 0 1px #5b9dd9, |
| 245 | 0 0 2px 1px rgba(30, 140, 190, .8); |
| 246 | } |
| 247 | |
| 248 | /* Button-link modifier that will turn it red */ |
| 249 | .wp-core-ui .button-link.like-delete { |
| 250 | color: #a00; |
| 251 | outline: 0; |
| 252 | text-decoration: underline; |
| 253 | -webkit-transition-property: border, background, color; |
| 254 | transition-property: border, background, color; |
| 255 | -webkit-transition-duration: .05s; |
| 256 | transition-duration: .05s; |
| 257 | -webkit-transition-timing-function: ease-in-out; |
| 258 | transition-timing-function: ease-in-out; |
| 259 | } |
| 260 | |
| 261 | .wp-core-ui .button-link.like-delete:hover, |
| 262 | .wp-core-ui .button-link.like-delete:active { |
| 263 | color: #f00; |
| 264 | } |
| 265 | .wp-core-ui .button-link.like-delete:focus { |
| 266 | -webkit-box-shadow: |
| 267 | 0 0 0 1px #5b9dd9, |
| 268 | 0 0 2px 1px rgba(30, 140, 190, .8); |
| 269 | box-shadow: |
| 270 | 0 0 0 1px #5b9dd9, |
| 271 | 0 0 2px 1px rgba(30, 140, 190, .8); |
| 272 | } |
| 273 | |