onedevstudio/starter-kit

View on GitHub
source/styles/_vars.scss

Summary

Maintainability
Test Coverage
// Color palette
$blackColor: #000;
$whiteColor: #fff;
$greyColor: #5b5b5b;
$silverColor: #d8d8d8;
$primaryColor: #0b7ff5;
// $textColor: lighten($blackColor, 15%);
$textColor: $whiteColor;
// $linkColor: $primaryColor;
$linkColor: $whiteColor;
$linkColorHover: lighten($linkColor, 10%);
// $backgroundColor: darken($whiteColor, 2%);
$backgroundColor: $primaryColor;
$borderColor: rgba($blackColor, .1);

$fontFamilyBase: 'Open Sans', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
$fontFamilyHeading: 'Poppins', $fontFamilyBase;
$fontFamilySerif: 'Spectral', 'Georgia', 'Times New Roman', 'Times', serif;
$fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

$fontSizeBase: 16px;
$lineHeightBase: 1.6;
$fontWeightBase: 500;
$letterSpacingBase: -0.05px;

// Borders
$borderBase: .0625rem /* 1/16 */ solid $borderColor;
$borderRadiusBase: .25rem; /* 4/16 */
$borderRadiusSmall: .125rem; /* 2/16 */
$borderRadiusLarge: .375rem; /* 6/16 */

$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;