diff options
author | Allan Wang <me@allanwang.ca> | 2017-08-18 20:25:26 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-08-18 20:25:26 -0700 |
commit | ede53aff0ca989881247afead959341818f705b4 (patch) | |
tree | 4cafcf203bac331ebc53eab690c0fb41813d23da /app/src/main/assets/css/core/_svg.scss | |
parent | 22df6cd1cf436433d5e381a6d6e694a91f647075 (diff) | |
download | frost-ede53aff0ca989881247afead959341818f705b4.tar.gz frost-ede53aff0ca989881247afead959341818f705b4.tar.bz2 frost-ede53aff0ca989881247afead959341818f705b4.zip |
Feature/theme accent (#192)
* Add lots of theming components
* Optimize and add
* Update accents
Diffstat (limited to 'app/src/main/assets/css/core/_svg.scss')
-rw-r--r-- | app/src/main/assets/css/core/_svg.scss | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/app/src/main/assets/css/core/_svg.scss b/app/src/main/assets/css/core/_svg.scss index bd147036..df9994a6 100644 --- a/app/src/main/assets/css/core/_svg.scss +++ b/app/src/main/assets/css/core/_svg.scss @@ -13,22 +13,28 @@ $video: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 0 50 } $like: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z"/></svg>'; +$like_selected: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$accent}" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z"/></svg>'; ._15km ._15ko::before { - @include background-svg($like, "no-repeat"); + @include background-svg($like); + background-position: center !important; +} + +._15km ._15ko._2q8z::before { + @include background-svg($like_selected); background-position: center !important; } $comment: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 0 24 24"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"/><path fill="none" d="M0 0h24v24H0z"/></svg>'; ._15km ._15kq::before { - @include background-svg($comment, "no-repeat"); + @include background-svg($comment); background-position: center !important; } $share: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 0 24 24"><path d="M14 9V5l7 7-7 7v-4.1c-5 0-8.5 1.6-11 5.1 1-5 4-10 11-11z"/><path fill="none" d="M24 0H0v24h24z"/></svg>'; ._15km ._15kr::before { - @include background-svg($share, "no-repeat"); + @include background-svg($share); background-position: center !important; } |