Add button size classes

This commit is contained in:
Michael Rose
2016-03-24 12:14:40 -04:00
parent 9ae1611925
commit 4a38b2a4c5
5 changed files with 43 additions and 9 deletions

View File

@ -121,6 +121,20 @@ Make any link standout more when applying the `.btn` class.
[Info Button Text](#link){: .btn .btn--info}
```
[X-Large Button](#){: .btn .btn--x-large}
[Large Button](#){: .btn .btn--large}
[Default Button](#){: .btn}
[Small Button](#){: .btn .btn--small}
[X-Small Button](#){: .btn .btn--x-small}
```markdown
[X-Large Button](#){: .btn .btn--x-large}
[Large Button](#){: .btn .btn--large}
[Default Button](#){: .btn}
[Small Button](#){: .btn .btn--small}
[X-Small Button](#){: .btn .btn--x-small}
```
## Notices
**Watch out!** You can also add notices by appending `{: .notice}` to a paragraph.