diff options
| author | Henry Jameson <me@hjkos.com> | 2018-04-01 05:28:20 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-04-07 16:36:35 +0300 |
| commit | acdb5e5c7a2dac1908a5daafd94c31bc116a1799 (patch) | |
| tree | 60713d0f6436fbcc0a17a4b4de647ebb884204ce /src/components/favorite_button/favorite_button.vue | |
| parent | aa0564406a95824cc45c815571292716b65806a1 (diff) | |
cleanup. added fallback mechanism for IE11 and unsupported browsers.
Diffstat (limited to 'src/components/favorite_button/favorite_button.vue')
| -rw-r--r-- | src/components/favorite_button/favorite_button.vue | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/src/components/favorite_button/favorite_button.vue b/src/components/favorite_button/favorite_button.vue index a6e4c46b..f25c589a 100644 --- a/src/components/favorite_button/favorite_button.vue +++ b/src/components/favorite_button/favorite_button.vue @@ -11,18 +11,22 @@ <script src="./favorite_button.js" ></script> -<style lang='scss'> - .fav-active { - cursor: pointer; - animation-duration: 0.6s; - &:hover { - color: orange; - color: var(--cOrange); - } - } - .favorite-button.icon-star { - color: orange; - color: var(--cOrange); - } +<style lang="scss"> +@import '../../_variables.scss'; + +.fav-active { + cursor: pointer; + animation-duration: 0.6s; + + &:hover { + color: $fallback--cOrange; + color: var(--cOrange, $fallback--cOrange); + } +} + +.favorite-button.icon-star { + color: $fallback--cOrange; + color: var(--cOrange, $fallback--cOrange); +} </style> |