Шаблон:ModernButton: различия между версиями

← Предыдущая правка

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
-<templatestyles src="ModernButton/styles.css" />
+<div class="modern-button noExternal brightness-overlay {{{class}}}" style="
-<div class="modern-button">
+ --background-color: {{{background-color|var(--theme-bg-color-300)}}};
-    {{#if: {{{external|}}} |
+">{{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<span class="StupidButton"></span>]] }} }}
-        <a href="{{{external}}}" style="display: flex; align-items: center; text-decoration: none; color: #FFFFFF; width: 100%;">
+<div class="modern-button__image">[[File:{{{img|mousegif.gif}}}|{{{pixel|64x64px}}}]]</div>
-    | {{#if: {{{link|}}} |
+<div class="modern-button__content"><span class="modern-button__title">{{{text|Мышь-Пышь}}}</span>{{#if:{{{subtext|Самая прожорливая мышь на вики}}}|<em class="modern-button__subtext">{{{subtext|Самая прожорливая мышь на вики}}}</em>}}
-        [[{{{link}}}|<div style="display: flex; align-items: center; text-decoration: none; color: #FFFFFF; width: 100%;">
+</div></div><!--
-    | <div style="display: flex; align-items: center; text-decoration: none; color: #FFFFFF; width: 100%;">
-    }} }}
+--><templatestyles src="ModernButton/styles.css" />
-        {{#if: {{{img|}}} | [[File:{{{img}}}|{{{pixel|60px}}}|link=]] }}
-        <div>
-            <div class="text" style="font-weight: 500;">{{{text|}}}</div>
-            <div class="subtext" style="color: #D3D3D3; font-size: 12px;">{{{subtext|}}}</div>
-        </div>
-    {{#if: {{{external|}}} | </a> | {{#if: {{{link|}}} | </div>]] | </div> }}
-</div>