Cannot get Bootstrap 4 custom.css

Question

Here is my _custom.scss:

// Bootstrap overrides
//
// Copy variables from `_variables.scss` to this file to override default values
// without modifying source files.
//$body-bg:    $gray-dark;
//$body-color: $gray-light;
$blue:   #363636;
$component-active-bg: #484545;
$dropdown-bg: $brand-primary;
$dropdown-link-color: #c3c3c3;
$dropdown-link-hover-color:  darken(#c3c3c3, 5%);

and bootstrap.scss:

// Core variables and mixins
@import "variables";
@import "mixins";
@import "_custom";

I am compiling it with the provided Gruntfile.js. The resultant css file has no effect. Everything looks just like with the original css. How can I test whether I am getting compilation process actually working?

Thanks

DJ Feldmeyer · Accepted Answer · 2017-03-21 01:43:20Z

1

From the format of boostrap.scss I think you should have:

@import "custom";

Next, when you make your changes in _custom.scss, leave off the "!default" tag. For example:

// _variables.css
$blue:   #0275d8 !default;
/// _custom.css
$blue:   #002b5b;

edited Mar 21, 2017 at 1:43

answered Mar 21, 2017 at 1:37

DJ Feldmeyer

114 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot get Bootstrap 4 custom.css

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related