diff options
| author | jenkins-bot <jenkins-bot@gerrit.wikimedia.org> | 2014-10-21 10:35:25 +0000 |
|---|---|---|
| committer | Gerrit Code Review <gerrit@wikimedia.org> | 2014-10-21 10:35:25 +0000 |
| commit | 73a1b801e6627d5be2d01804674f8b21abb31806 (patch) | |
| tree | f7f1dbde0772c1ef3c7c6ed57ddf2e964cf5e75e /resources/src/mediawiki.ui | |
| parent | aeae6afbbb26c67fd0f20e23d13fa9f3d77420d0 (diff) | |
| parent | 5b6c82d29e58f5778fe0e0d118b927888f932215 (diff) | |
| download | mediawikicore-73a1b801e6627d5be2d01804674f8b21abb31806.tar.gz mediawikicore-73a1b801e6627d5be2d01804674f8b21abb31806.zip | |
Merge "Add mw-ui-icon-after"
Diffstat (limited to 'resources/src/mediawiki.ui')
| -rw-r--r-- | resources/src/mediawiki.ui/components/icons.less | 28 |
1 files changed, 24 insertions, 4 deletions
diff --git a/resources/src/mediawiki.ui/components/icons.less b/resources/src/mediawiki.ui/components/icons.less index d85cc98361eb..dc2ca52f7684 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); + } } } @@ -53,13 +56,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: ''; } @@ -74,10 +78,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 |