Template:CS button: Difference between revisions

Content deleted Content added

Inline

Revision as of 12:37, 13 October 2025

 
         Button

@@ Line 1: / Line 1: @@
 <templatestyles src="CS button/styles.css" />
 <div class="capsach-align capsach-align-{{#switch:{{lc:{{{align|left}}}}}|center=center|right=right|left=left|#default=left}}">
-  {{#if:{{{link|}}}{{{url|}}}
+  {{#if:{{{link|}}}
-   | {{#tag:a
+   | <span
-        | {{{text|Button}}}
+       class="{{#switch:{{lc:{{{mobile|}}}}}
-        | class={{#switch:{{lc:{{{mobile|}}}}}
+                 | full=capsach-btn capsach-btn--mobile
-                   | full=capsach-btn capsach-btn--mobile
+                 | yes=capsach-btn capsach-btn--mobile
-                   | yes=capsach-btn capsach-btn--mobile
+                 | true=capsach-btn capsach-btn--mobile
-                   | true=capsach-btn capsach-btn--mobile
+                 | 1=capsach-btn capsach-btn--mobile
-                   | 1=capsach-btn capsach-btn--mobile
+                 | block=capsach-btn capsach-btn--mobile
-                   | block=capsach-btn capsach-btn--mobile
+                 | #default=capsach-btn }}"
+       {{#if:{{{width|}}}| style="width: {{{width}}};"}}>
-                   | #default=capsach-btn
-                 }}
+       [[{{{link}}}|{{{text|Button}}}]]
+     </span>
-        | href={{{url|{{localurl:{{{link}}}}}}}}
-        | title={{{tooltip|}}}
+   | {{#if:{{{url|}}}
+      | <span
-        | {{#if:{{{width|}}}|style=width: {{{width}}};}}
+          class="{{#switch:{{lc:{{{mobile|}}}}}
-     }}
+                    | full=capsach-btn capsach-btn--mobile
-   | {{#tag:span
+                    | yes=capsach-btn capsach-btn--mobile
-        | {{{text|Button}}}
-        | class={{#switch:{{lc:{{{mobile|}}}}}
+                    | true=capsach-btn capsach-btn--mobile
-                   | full=capsach-btn capsach-btn--mobile
+                    | 1=capsach-btn capsach-btn--mobile
-                   | yes=capsach-btn capsach-btn--mobile
+                    | block=capsach-btn capsach-btn--mobile
-                   | true=capsach-btn capsach-btn--mobile
+                    | #default=capsach-btn }}"
-                   | 1=capsach-btn capsach-btn--mobile
+          {{#if:{{{width|}}}| style="width: {{{width}}};"}}>
+          [{{{url}}} {{{text|Button}}}]
-                   | block=capsach-btn capsach-btn--mobile
+        </span>
-                   | #default=capsach-btn
-                 }}
+      | <span
-        | title={{{tooltip|}}}
+          class="{{#switch:{{lc:{{{mobile|}}}}}
+                    | full=capsach-btn capsach-btn--mobile
-        | {{#if:{{{width|}}}|style=width: {{{width}}};}}
+                    | yes=capsach-btn capsach-btn--mobile
+                    | true=capsach-btn capsach-btn--mobile
+                    | 1=capsach-btn capsach-btn--mobile
+                    | block=capsach-btn capsach-btn--mobile
+                    | #default=capsach-btn }}"
+          {{#if:{{{width|}}}| style="width: {{{width}}};"}}>
+          <span class="capsach-btn__inner" role="button" tabindex="0">{{{text|Button}}}</span>
+        </span>
      }}
   }}