Jdlrobson has uploaded a new change for review.
https://gerrit.wikimedia.org/r/164392
Change subject: Add mw-ui-icon-after
......................................................................
Add mw-ui-icon-after
Change-Id: I5133d243ef98b17adada313f03cac48d8d3fc827
---
M resources/src/mediawiki.ui/components/icons.less
1 file changed, 24 insertions(+), 4 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core
refs/changes/92/164392/1
diff --git a/resources/src/mediawiki.ui/components/icons.less
b/resources/src/mediawiki.ui/components/icons.less
index bf8e41e..9242aac 100644
--- a/resources/src/mediawiki.ui/components/icons.less
+++ b/resources/src/mediawiki.ui/components/icons.less
@@ -6,8 +6,11 @@
// Mixins
.mixin-mw-ui-icon-bgimage(@iconSvg, @iconPng) {
- &.mw-ui-icon:before {
- .background-image-svg(@iconSvg, @iconPng);
+ &.mw-ui-icon {
+ &:after,
+ &:before {
+ .background-image-svg(@iconSvg, @iconPng);
+ }
}
}
@@ -48,13 +51,14 @@
}
}
- &:before {
+ &.mw-ui-icon-after:after,
+ &.mw-ui-icon-before:before,
+ &.mw-ui-icon-element:before {
background-position: 50% 50%;
float: left;
display: block;
background-repeat: no-repeat;
background-size: 100% auto;
- position: relative;
min-height: @iconSize;
content: '';
}
@@ -69,10 +73,26 @@
// Styleguide 4.1.2
&.mw-ui-icon-before {
&:before {
+ position: relative;
width: @iconSize;
margin-right: @gutterWidth;
}
}
+
+ // Icons with text before
+ //
+ // Markup:
+ // <div class="mw-ui-icon mw-ui-icon-after mw-ui-icon-ok
mw-ui-progressive mw-ui-button">OK</div>
+ //
+ // Styleguide 4.1.3
+ &.mw-ui-icon-after {
+ &:after {
+ position: relative;
+ float: right;
+ width: @iconSize;
+ margin-left: @gutterWidth;
+ }
+ }
}
// Icons
--
To view, visit https://gerrit.wikimedia.org/r/164392
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I5133d243ef98b17adada313f03cac48d8d3fc827
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/core
Gerrit-Branch: master
Gerrit-Owner: Jdlrobson <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
