Angular Full-Stack Generator引导变量覆盖

Question

我是yeoman Angular Full-Stack Generator的新手，我正在寻找使用sass从bootstrap覆盖vars的最佳方式（或者至少是一种方式）。我找不到关于文档的任何信息。

Answer 1

这是我的app.scss文件的开头：

//** Library variable overides
$gray-lighter: rgba(245,245,245,1);
$gray-light: darken($gray-lighter, 20%);
$gray: darken($gray-light, 20%);
$text-muted: $gray;
$font-family-sans-serif: Ubuntu;
$border-radius-base: 3px;
$border-radius-large: 4px;
$border-radius-small: 2px;
$font-size-base: 12px;
$icon-font-path: '/assets/fonts/bootstrap/';
$fa-font-path: '/assets/fonts/font-awesome/';
//-----------------------------------------------------------------------------------------------------------------

//** Library imports
@import 'animate/animate.css';
@import '~bootstrap-sass/assets/stylesheets/bootstrap';
@import '~font-awesome/scss/font-awesome';
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
//-----------------------------------------------------------------------------------------------------------------