Bureaucrats, editor, Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki), Administrators
47,327
edits
MediaWiki:Common.less/mixins.less: Difference between revisions
Jump to navigation
Jump to search
no edit summary
(Created page with "→Less mixins to be used from any skin.: // for HiDPI screens; otherwise icons appear blurry .pixelate() { @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { image-rendering: pixelated; // chrome only supports this value image-rendering: crisp-edges; // this is what should be used } } // used for .messagebox class .mbox(@name) { &.@{name} { background-color: var(~"--messagebox-@{name}-background"); border-color: var(~"--messagebox-@...") |
No edit summary Tag: Reverted |
||
Line 1:
/* Less mixins to be used from any skin.*/// for HiDPI screens; otherwise icons appear blurry.pixelate() { @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { image-rendering: pixelated; // chrome only supports this value image-rendering: crisp-edges; // this is what should be used }}// used for .messagebox class.mbox(@name) { &.@{name} { background-color: var(~"--messagebox-@{name}-background"); border-color: var(~"--messagebox-@{name}-border"); color: var(~"--messagebox-@{name}-color"); a, a:visited, a:active { color: var(~"--messagebox-@{name}-link-color"); } }}.mboxvar(@name, @background, @border, @color, @link-color) { --messagebox-@{name}-background: @background; --messagebox-@{name}-border: @border; --messagebox-@{name}-color: @color; --messagebox-@{name}-link-color: @link-color;}// possible replacement of defining inline svgs as css vars using mask-image// currentColor functionality.mask(@url) { // chrome/edge doesnt support unprefixed as of 2023 -webkit-mask: url(~'"@{url}"') no-repeat 50% 50% / contain; mask: url(~'"@{url}"') no-repeat 50% 50% / contain;}
| |||