https://zumunterrichten.idea-sketch.com/index.php?action=history&feed=atom&title=MediaWiki%3AVorlage_Portalseite.css 2026-05-09T19:20:28Z Versionsgeschichte dieser Seite in ZUM-Unterrichten MediaWiki 1.39.15 https://zumunterrichten.idea-sketch.com/index.php?title=MediaWiki:Vorlage_Portalseite.css&diff=137150&oldid=prev 2024-02-18T20:09:37Z

<p>Die Seite wurde neu angelegt: „ <span dir="auto"><span class="autocomment">ZUM Portalseite Highlight Element * * Relevant Markup Sketch * &lt;&gt;.zum-portalseite-highlight * a *. &lt;&gt;.zum-portalseite-highlight--icon * a *. p: </span> .zum-portalseite-highlight { display:grid; --icon-size: 2rem; grid-gap:0.2rem; grid-template-columns: var(--icon-size); } .zum-portalseite-highlight &gt; a { grid-column: 2; } .zum-portalseite-highlight &gt; a:first-child { grid-column: 1; grid-row: 1 / 3; margin-right:0.2rem; ma…“</span></p> <p><b>Neue Seite</b></p><div><br /> <br /> /* ZUM Portalseite Highlight Element<br /> *<br /> * Relevant Markup Sketch<br /> * &lt;&gt;.zum-portalseite-highlight<br /> * a<br /> *. &lt;&gt;.zum-portalseite-highlight--icon<br /> * a<br /> *. p<br /> */<br /> .zum-portalseite-highlight {<br /> display:grid;<br /> --icon-size: 2rem;<br /> grid-gap:0.2rem;<br /> grid-template-columns: var(--icon-size);<br /> }<br /> .zum-portalseite-highlight &gt; a {<br /> grid-column: 2;<br /> }<br /> .zum-portalseite-highlight &gt; a:first-child {<br /> grid-column: 1;<br /> grid-row: 1 / 3;<br /> margin-right:0.2rem;<br /> margin-right:calc(var(--icon-size) / 10);<br /> }<br /> .zum-portalseite-highlight &gt; p {<br /> grid-column: 1 / 3;<br /> }<br /> .zum-portalseite-highlight &gt; p:first-of-type {<br /> margin-top:0;<br /> }<br /> <br /> .zum-portalseite-highlight .zum-portalseite-highlight--icon {<br /> max-width:var(--icon-size);<br /> max-height:var(--icon-size);<br /> font-size: var(--icon-size);<br /> }<br /> <br /> @media (min-width: 851px) {<br /> .zum-portalseite-highlight {<br /> --icon-size:5rem;<br /> }<br /> .zum-portalseite-highlight &gt; p {<br /> grid-column: 2;<br /> }<br /> }<br /> <br /> <br /> /* ZUM Portalseite Spotlight Element<br /> *<br /> * Relevant Markup Sketch<br /> * &lt;&gt;.zum-portalseite-spotlight<br /> * &lt;&gt;.zum-portalseite-spotlight--icon__container<br /> * a<br /> *. &lt;&gt;.zum-portalseite-highlight--icon<br /> *. a<br /> * p<br /> */<br /> <br /> .zum-portalseite-spotlight {<br /> display:grid;<br /> --icon-size: 2rem;<br /> grid-template-columns:min-content;<br /> }<br /> .zum-portalseite-spotlight &gt; p {<br /> grid-row: 2;<br /> grid-column: 1 / 3;<br /> }<br /> .zum-portalseite-spotlight &gt; p:first-of-type {<br /> margin-top:0;<br /> }<br /> <br /> <br /> .zum-portalseite-spotlight .zum-portalseite-spotlight--icon {<br /> max-width:var(--icon-size) !important; /* use !important to break MW styles */<br /> max-height:var(--icon-size);<br /> font-size: var(--icon-size);<br /> margin:0.2rem;<br /> }<br /> <br /> @media (min-width: 851px) {<br /> .zum-portalseite-spotlight {<br /> --icon-size:5rem;<br /> justify-items: center;<br /> grid-template-columns:unset;<br /> }<br /> .zum-portalseite-spotlight--icon_container {<br /> grid-row:unset;<br /> grid-column:unset;<br /> }<br /> .zum-portalseite-spotlight &gt; p {<br /> grid-row: 3;<br /> grid-column: 1;<br /> }<br /> }</div>

Christian