Skip to content
All gists
Back to GitHub
Sign in
Sign up
Sign in
Sign up
{{ message }}
Instantly share code, notes, and snippets.
samthurman
/
Custom-Button-Colors-in-Solid.scss
Last active
Dec 8, 2016
Star
0
Fork
0
Star
Code
Revisions
2
Embed
What would you like to do?
Embed
Embed this gist in your website.
Share
Copy sharable link for this gist.
Clone via HTTPS
Clone with Git or checkout with SVN using the repository’s web address.
Learn more about clone URLs
Download ZIP
Extending Buttons W/ Solid
Raw
Custom-Button-Colors-in-Solid.scss
//
Custom Button Boilerplate
//
-------------------------
//
all the css you would need to
//
add a purple button to your app
//
w/ Solid
.button--purple
{
@include
button-style
(
violet
,
$text-white
,
violet
,
$text-white
);
}
Raw
Custom-colored-buttons-in-solid.html
<!--
Custom Button Colors in Solid
If you need a button color that doesn’t exist in Solid, you can use the button-style
mixin to generate colored button styles
-->
<
button
class
="
button button--purple
"
>
New Purple Button
</
button
>
<
button
class
="
button button--outline button--purple
"
>
New Purple Button
</
button
>
<
button
class
="
button button--disabled button--purple
"
>
New Purple Button
</
button
>
<
button
class
="
button button--outline button--disabled button-purple
"
>
New Purple Button
</
button
>
<
button
class
="
button button--small button--purple xs-mr1
"
>
New Purple Button
</
button
>
<
button
class
="
button button--outline button--small button--purple
"
>
New Purple Button
</
button
>
Raw
Sign up for free
to join this conversation on GitHub
. Already have an account?
Sign in to comment
You can’t perform that action at this time.
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.