Difference between revisions of "Template:Ribbon2"
From Geohashing
(add mini test) |
(Support for mini theme) |
||
| Line 1: | Line 1: | ||
<!-- this css MUST NOT have any variables in it - someday, it'll be moved to [[MediaWiki:Common.css]] --> | <!-- this css MUST NOT have any variables in it - someday, it'll be moved to [[MediaWiki:Common.css]] --> | ||
{{#css: | {{#css: | ||
| + | .xkcd-ribbon2-wrapper { | ||
| + | display:flex; | ||
| + | } | ||
.xkcd-ribbon2 { | .xkcd-ribbon2 { | ||
display: inline-grid; | display: inline-grid; | ||
| Line 10: | Line 13: | ||
background-color: blue; | background-color: blue; | ||
grid-template-areas: | grid-template-areas: | ||
| − | "icon achv . | + | "icon achv . imag xtra" |
| − | "icon actn . | + | "icon actn . imag xtra"; |
| − | grid-template-columns: min-content auto | + | grid-template-columns: min-content min-content auto min-content min-content; |
align-items: center; | align-items: center; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.xkcd-ribbon2 > * { | .xkcd-ribbon2 > * { | ||
| Line 23: | Line 23: | ||
.xkcd-ribbon2-icon { | .xkcd-ribbon2-icon { | ||
grid-area: icon; | grid-area: icon; | ||
| − | |||
} | } | ||
| − | |||
| − | |||
.xkcd-ribbon2-achv { | .xkcd-ribbon2-achv { | ||
grid-area: achv; | grid-area: achv; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| − | |||
.xkcd-ribbon2-actn { | .xkcd-ribbon2-actn { | ||
grid-area: actn; | grid-area: actn; | ||
padding-left: 1em; | padding-left: 1em; | ||
} | } | ||
| + | .xkcd-ribbon2-xtra { | ||
| + | grid-area: xtra; | ||
| + | } | ||
| + | .xkcd-ribbon2-imag { | ||
| + | grid-area: imag; | ||
| + | } | ||
| + | |||
| + | .xkcd-ribbon2-icon a { display: flex; } | ||
| + | .xkcd-ribbon2-theme-default .xkcd-ribbon2-icon {width: 70px;} | ||
.xkcd-ribbon2-xtra, .xkcd-ribbon2-imag { | .xkcd-ribbon2-xtra, .xkcd-ribbon2-imag { | ||
| Line 48: | Line 53: | ||
.xkcd-ribbon2-theme-mini { | .xkcd-ribbon2-theme-mini { | ||
| − | grid-template-areas: "icon achv actn xtra"; | + | grid-template-areas: "icon achv actn . imag xtra"; |
| + | grid-template-columns: min-content min-content min-content auto min-content min-content; | ||
padding: 0; | padding: 0; | ||
} | } | ||
Revision as of 21:09, 6 March 2020
{{{achievement}}}
{{{action}}}
Tests
{{{achievement}}}
{{{action}}}
{{{achievement}}}
{{{action}}}
