primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-28 13:12:16 +03:00
Code Issues Projects Releases Wiki Activity

only btn-orange is being added

Browse Source 
just realized the old marketing button documentation threw me off. only orange is being added.
This commit is contained in:
Catherine Bui 2017-11-06 22:40:30 -06:00
parent 171e0b6643
commit 43e12e8838
2 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
modules/primer-marketing-buttons/README.md
View File

@ -19,17 +19,15 @@ Marketing buttons extend primer-core buttons with more color and fill styles.
## Colors
Marketing buttons are available in orange, purple, and green.
Marketing buttons are available in orange.
```html
<button class="btn btn-orange" type="button">Button button</button>
<a class="btn btn-purple" href="#url" role="button">Link button</a>
<a class="btn btn-green" href="#url" role="button">Link button</a>
```
## Outline button colors
The `btn-outline` has also been extended with the marketing color palette in orange, purple, and green.
The `btn-outline` has also been extended with orange, purple, and green.
```html
<button class="btn btn-outline-orange" type="button">Button button</button>

12
modules/primer-marketing-buttons/stories.js
View File

@ -5,17 +5,17 @@ storiesOf('Marketing buttons', module)
.add('Button colors', () => (
<div className='p-4'>
<button className="btn btn-orange mr-6" type="button">Button button</button>
<a className="btn btn-purple mr-6" href="#url" role="button">Link button</a>
<button className="btn btn-blurple mr-6" type="button">Button button</button>
</div>
))
.add('btn-outline', () => (
.add('Outline colors', () => (
<div className='p-4'>
<button className="btn btn-outline-orange mr-6" type="button">Button button</button>
<a className="btn btn-outline-purple mr-6" href="#url" role="button">Link button</a>
<button className="btn btn-outline-green mr-6" type="button">Button button</button>
<div className="bg-gray-dark p-4 mt-4 mr-6">
<button className="btn btn-transparent mr-6" type="button">Button button</button>
</div>
</div>
))
.add('Transparent button', () => (
<div className="bg-gray-dark p-4 mt-4 mr-6">
<button className="btn btn-transparent mr-6" type="button">Button button</button>
</div>
))