Template:VeryLargeButton: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div id="very-large-button">[[Web Guide | <div id="very-large-button">[[Web Guide/The Very Basics|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); | ||
&:hover { | &:hover { | ||
background-color: var(--colour-aubergine-200); | background-color: var(--colour-aubergine-200); | ||