Angular Full-Stack Generator自举变量覆盖

Question

我是yeoman Full-Stack Generator的新手，我正在寻找使用sass覆盖bootstrap中的变量的最好方法(或者至少是一种方法)。我在文件里找不到任何信息。

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');
//-----------------------------------------------------------------------------------------------------------------

​