primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-08 07:23:03 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #736 from primer/adios-purp

Browse Source 
Adios purple buttons
This commit is contained in:
Shawn Allen 2019-09-10 13:38:14 -07:00 committed by GitHub
commit a4e4fdaa9e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/content/components/buttons.md
View File

@ -59,7 +59,7 @@ Use `.btn-large` to increase the padding and border radius of a button. This is
```html live
<p>
<a class="btn btn-large btn-purple" href="#url" role="button">Large link button</a>
<a class="btn btn-large" href="#url" role="button">Large link button</a>
<button class="btn btn-large" type="button">Large button button</button>
</p>
```
@ -68,7 +68,7 @@ Use `.btn-large` with a type scale utility to transform the text to a bigger siz
```html live
<p class="f3">
<a class="btn btn-large btn-purple" href="#url" role="button">Large link button</a>
<a class="btn btn-large" href="#url" role="button">Large link button</a>
<button class="btn btn-large btn-outline-blue" type="button">Large button button</button>
</p>
```

2
src/buttons/button.scss
View File

@ -60,8 +60,6 @@
.btn { @include btn-solid($text-gray-dark, $gray-000, darken($gray-100, 2%)); }
.btn-primary { @include btn-solid($text-white, $green-400, $green-500); }
@warn ".btn-purple will be removed in 13.0.0. Please don't make buttons purple.";
.btn-purple { @include btn-solid($text-white, lighten($purple-500, 5%), darken($purple-500, 5%)); }
.btn-blue { @include btn-solid($text-white, lighten($blue-500, 8%), darken($blue-500, 2%)); }
.btn-danger { @include btn-inverse($red-600, $gray-000, darken($gray-100, 2%)); }