Template:Clickable button: Difference between revisions

Revision as of 21:07, 24 September 2024

   [[File:|class=my-button-image|alt=]]

     Button text

@@ Line 1: / Line 1: @@
-<div class="mw-ui-button" style="
+<!-- Template:Clickable button -->
-  position: relative;
-  display: inline-block;
-  padding: 100px;
-  font-size: 1.5em;
-  text-align: center;
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-image: url({{filepath:{{{image|}}}}});
-">
-  <!-- Button Text -->
+<div class="mw-ui-button clickable-button">
-   <div style="
+   <div class="button-content">
-     position: absolute;
+     [[File:{{{image|}}}|class=my-button-image|alt={{{alt|}}}]]
-    bottom: 20px;
-     left: 50%;
+     <div class="my-button-text">
-    transform: translateX(-50%);
+      {{{text|{{{1|Button text}}}}}}
-    color: #facc91;
+    </div>
-  ">
-    {{{text|{{{1|Button text}}}}}}
    </div>
 </div>
 <noinclude>{{Documentation}}</noinclude>