wikimedia/mediawiki-extensions-Popups
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups synced 2024-09-23 18:29:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use mixin for creating pokeys with the border method

Browse source 
Change-Id: I16f79dd0fc89d986d17c61ecfcd1dca0de8243c4
This commit is contained in:
Prateek Saxena 2014-02-28 09:23:13 +05:30 committed by Yuvipanda
parent 541f2ca470
commit 091c2e40d8
1 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
resources/ext.popups.core.less
View file

@ -2,6 +2,16 @@
* https://en.wikipedia.org/wiki/User:Yair_rand/NavPopupsRestyled.js * https://en.wikipedia.org/wiki/User:Yair_rand/NavPopupsRestyled.js
*/ */
.mwe-popups-border-triangle ( @size, @left, @color ) {
content: '';
position: absolute;
border: @size solid transparent;
border-top: 0;
border-bottom: @size solid @color;
top: -@size;
left: @left;
}
.mwe-popups { .mwe-popups {
position: absolute; position: absolute;
z-index: 5; z-index: 5;
@ -110,23 +120,11 @@
/* Triangles/Pokeys */ /* Triangles/Pokeys */
&.mwe-popups-no-image-tri { &.mwe-popups-no-image-tri {
&:after { &:after {
content: ''; .mwe-popups-border-triangle( 7px, 11px, #fff);
position: absolute;
border: 7px solid transparent;
border-top: 0;
border-bottom: 7px solid #FFF;
top: -7px;
left: 11px;
} }
&:before { &:before {
content: ''; .mwe-popups-border-triangle( 8px, 10px, #bbb);
position: absolute;
border: 8px solid transparent;
border-top: 0;
border-bottom: 8px solid #bbb;
top: -8px;
left: 10px;
} }
} }