css - bulma 0.7.1: SASS修改font-family

Justin Zheng

2018-06-03T12:24:50Z||2018-06-03T12:24:50Z

App.sass,用在create-react-app中(把font-family改成:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif):

// 1. Import the initial variables
@import "bulma/sass/utilities/initial-variables";
@import "bulma/sass/utilities/functions";
  
// customizations
$family-primary: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif

// 2. Set your own initial variables
// Add a serif family
$family-serif: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;

// 3. Set the derived variables
// Use the new serif family
$family-primary: $family-serif;

// 5. Add new color variables to the color map.
@import "bulma/sass/utilities/derived-variables";
  
// 6. Import the rest of Bulma
@import "bulma/sass/utilities/_all";
@import "bulma/sass/base/generic";
@import "bulma/sass/grid/columns";
@import "bulma/sass/elements/button";
@import "bulma/sass/components/navbar";