Template:VeryLargeButton: Difference between revisions
Created page with "<div id="very-large-button">This is the very large button</div> {{#css: #very-large-button a { font-family: 'Nunito', sans-serif; background-color: var(--colour-aubergine-100); font-size: 2rem; font-weight: 900; padding: .75rem 1.25rem; border-radius: 1000rem; color: var(--colour-grey-900); &:hover { background-color: var(--colour-aubergine-200); color: var(--colour-grey-950); } } }}" |
No edit summary |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<div id="very-large-button">[[Web Guide | <div id="very-large-button">[[{{{link|Web Guide/The Very Basics}}}|{{{text|This is the very large button}}}]]</div> | ||
{{#css: | {{#css: | ||
#very-large-button { | |||
margin: 2rem auto; | |||
width: max-content; | |||
} | |||
#very-large-button a { | #very-large-button a { | ||
font-family: 'Nunito', sans-serif; | font-family: 'Nunito', sans-serif; | ||
| Line 6: | Line 10: | ||
font-size: 2rem; | font-size: 2rem; | ||
font-weight: 900; | font-weight: 900; | ||
padding: . | padding: .5rem 1.25rem; | ||
border-radius: 1000rem; | border-radius: 1000rem; | ||
color: var(--colour-grey-900); | color: var(--colour-grey-900); | ||
| Line 15: | Line 19: | ||
} | } | ||
} | } | ||
}} | }}<noinclude>[[Category:Templates]]</noinclude> | ||