Jdlrobson has uploaded a new change for review. https://gerrit.wikimedia.org/r/68609
Change subject: Code cleanup: Merge mixins, use vertical-gradient ...................................................................... Code cleanup: Merge mixins, use vertical-gradient This doesn't need its own one Change-Id: I890220523ae8a00078fd9475e1d1a08e8d0ad401 --- M less/specials/mobileoptions.less M stylesheets/specials/mobileoptions.css 2 files changed, 16 insertions(+), 17 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MobileFrontend refs/changes/09/68609/1 diff --git a/less/specials/mobileoptions.less b/less/specials/mobileoptions.less index cde419d..1260acb 100644 --- a/less/specials/mobileoptions.less +++ b/less/specials/mobileoptions.less @@ -3,18 +3,13 @@ based on http://acidmartin.wordpress.com/2011/06/18/css3-iphone-toggle-buttons/ */ +@import "../mf-mixins.less"; + /* variables */ @btngrey:#818181; @btnblue:#57A7F2; /* mixins */ -.gradient(@pos, @from, @to) { - background: @to; - background: -moz-linear-gradient(@pos, @from, @to); - background: -webkit-linear-gradient(@pos, @from, @to); - background: linear-gradient(@pos, @from, @to); -} - .checkboxBtn() { min-width: 76px; display: block; @@ -86,7 +81,7 @@ font-weight: normal; font-size: 15px; color: white; - .gradient(top, #AEAEAE, @btngrey); + .vertical-gradient( #AEAEAE, @btngrey); position: relative; border: solid 1px @btngrey; } @@ -128,7 +123,7 @@ border: solid 1px white; border-top: none; border-bottom: solid 1px #aaa; - .gradient(top, #EEE, #EBEBEB); + .vertical-gradient( #EEE, #EBEBEB ); border-radius: 8px; position: absolute; bottom: 0; diff --git a/stylesheets/specials/mobileoptions.css b/stylesheets/specials/mobileoptions.css index 9a90d29..311e684 100644 --- a/stylesheets/specials/mobileoptions.css +++ b/stylesheets/specials/mobileoptions.css @@ -58,10 +58,12 @@ font-weight: normal; font-size: 15px; color: white; - background: #818181; - background: -moz-linear-gradient(top, #aeaeae, #818181); - background: -webkit-linear-gradient(top, #aeaeae, #818181); - background: linear-gradient(top, #aeaeae, #818181); + background-color: #818181; + background-image: -moz-linear-gradient(top, #aeaeae 0, #818181 100%); + background-image: -ms-linear-gradient(top, #aeaeae 0, #818181 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aeaeae), color-stop(100%, #818181)); + background-image: -webkit-linear-gradient(top, #aeaeae 0, #818181 100%); + background-image: linear-gradient(#aeaeae 0, #818181 100%); position: relative; border: solid 1px #818181; } @@ -114,10 +116,12 @@ border: solid 1px white; border-top: none; border-bottom: solid 1px #aaa; - background: #ebebeb; - background: -moz-linear-gradient(top, #eeeeee, #ebebeb); - background: -webkit-linear-gradient(top, #eeeeee, #ebebeb); - background: linear-gradient(top, #eeeeee, #ebebeb); + background-color: #ebebeb; + background-image: -moz-linear-gradient(top, #eeeeee 0, #ebebeb 100%); + background-image: -ms-linear-gradient(top, #eeeeee 0, #ebebeb 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(100%, #ebebeb)); + background-image: -webkit-linear-gradient(top, #eeeeee 0, #ebebeb 100%); + background-image: linear-gradient(#eeeeee 0, #ebebeb 100%); border-radius: 8px; position: absolute; bottom: 0; -- To view, visit https://gerrit.wikimedia.org/r/68609 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I890220523ae8a00078fd9475e1d1a08e8d0ad401 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MobileFrontend Gerrit-Branch: master Gerrit-Owner: Jdlrobson <[email protected]> _______________________________________________ MediaWiki-commits mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
