Skip to content
This repository has been archived by the owner on Dec 8, 2022. It is now read-only.

Create component for large buttons #319

Closed
Blackbaud-PatrickOFriel opened this issue Jan 27, 2017 · 2 comments
Closed

Create component for large buttons #319

Blackbaud-PatrickOFriel opened this issue Jan 27, 2017 · 2 comments

Comments

@Blackbaud-PatrickOFriel
Copy link
Contributor

https://blackbaudinc.app.box.com/s/ykhoizocl7erk3xshrtgo6ztkhgxp6b4

@Blackbaud-PatrickOFriel
Copy link
Contributor Author

Initial styling:

max-width: 236px
border: 1px solid #ccc
border-radius: 3px
margin: 15px

greater than xs screen:
padding top: 30px;
padding bottom: 30px;
padding left: 20px;
padding right: 20px;

xs screens:
padding top, right, left: 20px
padding bottom: 30px

3 inner sections:

Icon section:
Uses font-awesome icons
$sky-color-blue
greater than xs screen
fa-lg
margin-bottom 20px
display block
xs screen
fa-2x
display inline-block

Heading section
use sky-section-heading styles
margin-bottom: 20px
greater than xs screen
display block
xs screen
inline block

Details section:
standard styling

@Blackbaud-PatrickOFriel Blackbaud-PatrickOFriel changed the title Create styles/documentation for large buttons Create component for large buttons Jan 27, 2017
@Blackbaud-PatrickOFriel
Copy link
Contributor Author

In 2.0.0-beta.5

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

1 participant