Template:ContributeButton: Difference between revisions
Jump to navigation
Jump to search
CaptainChris (talk | contribs) Created page with "<!-- Template:ContributeButton Params: - link: page to send users to (default: Help:Contributing) - text: button label (default: Learn how to contribute) - target: optional target attribute (_self, _blank, etc.) (default: _self) --> <div class="wp-contrib-cta"> <a class="wp-contrib-cta__btn" href="{{fullurl:{{{link|Help:Contributing}}}}}" title="{{{text|Learn how to contribute}}}" aria-label="{{{text|Learn how to contribute}}}" target="{{{target|_s..." |
CaptainChris (talk | contribs) No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<!-- | <!-- ContributeButton: single-file, responsive button --> | ||
<!-- Params: | |||
Params: | |link= page to open (default: Help:Contributing) | ||
|text= button label (default: Learn how to contribute) | |||
--> | --> | ||
< | <a | ||
href="{{fullurl:{{{link|Help:Contributing}}}}}" | |||
title="{{{text|Learn how to contribute}}}" | |||
role="button" | |||
style=" | |||
/* layout */ | |||
display: grid; | |||
grid-template-columns: auto 1fr auto; | |||
> | align-items: center; | ||
gap: .75rem; | |||
/* sizing & spacing */ | |||
width: 100%; | |||
max-width: 640px; | |||
margin: .25rem auto; | |||
padding: .95rem 1.15rem; | |||
/* visuals */ | |||
text-decoration: none; | |||
border-radius: 14px; | |||
border: 1px solid #d0d7e2; | |||
background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%); | |||
box-shadow: 0 2px 6px rgba(0,0,0,.06); | |||
/* text */ | |||
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; | |||
font-size: clamp(16px, 2.8vw, 18px); | |||
line-height: 1.2; | |||
color: #1f2937; | |||
/* tap target */ | |||
-webkit-tap-highlight-color: transparent; | |||
" | |||
> | |||
<!-- left icon (pencil on paper) --> | |||
<span aria-hidden="true" style="font-size: 1.25em; line-height: 1">📝</span> | |||
<!-- centered label --> | |||
<span style=" | |||
text-align: center; | |||
font-weight: 600; | |||
letter-spacing: .2px; | |||
white-space: normal; | |||
"> | |||
{{{text|Learn how to contribute}}} | |||
</span> | |||
<!-- right arrow --> | |||
<span aria-hidden="true" style="font-size: 1.25em; line-height: 1">→</span> | |||
</a> | |||
Latest revision as of 05:45, 19 August 2025
<a
href="http://telephones.wiki/Help:Contributing" title="Learn how to contribute" role="button" style=" /* layout */ display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .75rem;
/* sizing & spacing */ width: 100%; max-width: 640px; margin: .25rem auto; padding: .95rem 1.15rem;
/* visuals */ text-decoration: none; border-radius: 14px; border: 1px solid #d0d7e2; background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%); box-shadow: 0 2px 6px rgba(0,0,0,.06);
/* text */ font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size: clamp(16px, 2.8vw, 18px); line-height: 1.2; color: #1f2937;
/* tap target */ -webkit-tap-highlight-color: transparent; "
>
Learn how to contribute
</a>