| | 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 | |