31 lines
1.0 KiB
SCSS
31 lines
1.0 KiB
SCSS
|
// Colors
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
$btnText: #fff;
|
||
|
|
$btnTextAlt: #000;
|
||
|
|
|
||
|
|
$btnFacebookBackground: #3B5998;
|
||
|
|
$btnFacebookBackgroundHighlight: #133783;
|
||
|
|
$btnTwitterBackground: #2daddc;
|
||
|
|
$btnTwitterBackgroundHighlight: #0271bf;
|
||
|
|
$btnGooglePlusBackground: #dd4b39;
|
||
|
|
$btnGooglePlusBackgroundHighlight: #c53727;
|
||
|
|
$btnGithubBackground: #fafafa;
|
||
|
|
$btnGithubBackgroundHighlight: #ccc;
|
||
|
|
|
||
|
|
// Social buttons
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
.btn-facebook {
|
||
|
|
@include button-variant($btnText, $btnFacebookBackgroundHighlight, $btnFacebookBackgroundHighlight);
|
||
|
|
}
|
||
|
|
.btn-twitter {
|
||
|
|
@include button-variant($btnText, $btnTwitterBackground, $btnTwitterBackgroundHighlight);
|
||
|
|
}
|
||
|
|
.btn-google-plus {
|
||
|
|
@include button-variant($btnText, $btnGooglePlusBackground, $btnGooglePlusBackgroundHighlight);
|
||
|
|
}
|
||
|
|
.btn-github {
|
||
|
|
@include button-variant($btnTextAlt, $btnGithubBackground, $btnGithubBackgroundHighlight);
|
||
|
|
}
|