Невозможно настроить Twitter Bootstrap с помощью SASS, Laravel 5 и Elixir/Gulp

Question

Это то, что мой app.scss выглядит следующим образом:

@import "variables"; 
@import "bootstrap"; 
@import "animate/animate"; 
@import "font-awesome/font-awesome"; 
@import "style"; 

Это то, что моя структура каталогов выглядит.

Resources 
    └── assets 
       ├── js 
       └── sass 
        ├── animate 
        │   ├── animations 
        │   │   ├── attention-seekers 
        │   │   ├── zoom-enter 
        │   │   └── zoom-exit 
        │   └── helpers 
        ├── bootstrap 
       ├── _bootstrap-compass.scss 
        ├── _bootstrap-mincer.scss 
        ├── _bootstrap-sprockets.scss 
        ├── _bootstrap.scss 
        └── bootstrap 
         ├── _alerts.scss 
         ├── _badges.scss 
         ├── _breadcrumbs.scss 
         ├── _type.scss 
         ├── _utilities.scss 
         ├── _variables.scss 
         ├── _wells.scss 
         └── mixins 
          ├── _alerts.scss 
          ├── _background-variant.scss 
          ├── _text-emphasis.scss 
          ├── _text-overflow.scss 
          └── _vendor-prefixes.scss 

Мой вопрос: Как «переопределить» Bootstrap так, что мой $ brandColor, например, используется?

Answer 1

Я не знаю, что ваша самозагрузки структура каталогов, но вы могли бы сделать что-то подобное:

$icon-font-path: "packages/fonts/bootstrap/"; 

@import 'packages/stylesheets/bootstrap/variables'; 

$brandColor : red; 

@import "packages/stylesheets/bootstrap"; 

@import "packages/stylesheets/bootstrap/theme"; 

Конечно, вы должны использовать правильные пути для этого.

Только в случае - это не полное решение для L5 и эликсира, но я использовал этот метод для L4

EDIT

Попробуйте с этим (не тестировалось):

@import "bootstrap/variables"; 

$brandColor: red; 

@import "bootstrap";