MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 122: | Line 122: | ||
@media (prefers-reduced-motion: reduce) { | @media (prefers-reduced-motion: reduce) { | ||
.tv-cta__btn { transition: none; } | .tv-cta__btn { transition: none; } | ||
} | |||
/* Add a flame icon via CSS so we don’t need inline <svg> in wikitext */ | |||
.tv-cta__btn::after { | |||
content: ""; | |||
width: 28px; | |||
height: 28px; | |||
margin-left: auto; /* pushes icon to the right edge */ | |||
flex-shrink: 0; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
background-size: contain; | |||
/* Data-URI SVG to avoid uploading a separate file. | |||
If this ever gets blocked, swap to a PNG URL instead. */ | |||
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='0' x2='1' y1='0' y2='1'><stop offset='0%' stop-color='%23ffd86b'/><stop offset='100%' stop-color='%23ff6a00'/></linearGradient></defs><path fill='url(%23g)' d='M13.5 2.5c.6 2.9-1 4.2-2.4 5.6-1.1 1.1-2.1 2.1-2.1 3.8 0 2.5 2 4.6 4.6 4.6 2.7 0 4.9-2.2 4.9-4.9 0-3.3-2.7-5.8-5-9.1zM9.8 14.4c0 1.7 1.4 3.1 3.1 3.1s3.1-1.4 3.1-3.1c0-1.1-.6-2.1-1.5-3.2-.4 1.1-1.5 2.1-2.6 2.1-.9 0-1.6-.3-2.1-.9 0 .7 0 1.2 0 2z'/></svg>"); | |||
} | |||
/* Optional: smaller icon on tiny screens to keep things tidy */ | |||
@media (max-width: 420px) { | |||
.tv-cta__btn::after { width: 24px; height: 24px; } | |||
} | } | ||