@@ -50,24 +50,24 @@ In your `custom.scss`, you'll import Bootstrap's source Sass files. You have two
50
50
// Custom.scss
51
51
// Option A: Include all of Bootstrap
52
52
53
- @import "node_modules/bootstrap/scss/bootstrap";
53
+ @import "../ node_modules/bootstrap/scss/bootstrap";
54
54
{% endhighlight %}
55
55
56
56
{% highlight scss %}
57
57
// Custom.scss
58
58
// Option B: Include parts of Bootstrap
59
59
60
60
// Required
61
- @import "node_modules/bootstrap/scss/functions";
62
- @import "node_modules/bootstrap/scss/variables";
63
- @import "node_modules/bootstrap/scss/mixins";
61
+ @import "../ node_modules/bootstrap/scss/functions";
62
+ @import "../ node_modules/bootstrap/scss/variables";
63
+ @import "../ node_modules/bootstrap/scss/mixins";
64
64
65
65
// Optional
66
- @import "node_modules/bootstrap/scss/reboot";
67
- @import "node_modules/bootstrap/scss/type";
68
- @import "node_modules/bootstrap/scss/images";
69
- @import "node_modules/bootstrap/scss/code";
70
- @import "node_modules/bootstrap/scss/grid";
66
+ @import "../ node_modules/bootstrap/scss/reboot";
67
+ @import "../ node_modules/bootstrap/scss/type";
68
+ @import "../ node_modules/bootstrap/scss/images";
69
+ @import "../ node_modules/bootstrap/scss/code";
70
+ @import "../ node_modules/bootstrap/scss/grid";
71
71
{% endhighlight %}
72
72
73
73
With that setup in place, you can begin to modify any of the Sass variables and maps in your ` custom.scss ` . You can also start to add parts of Bootstrap under the ` // Optional ` section as needed. We suggest using the full import stack from our ` bootstrap.scss ` file as your starting point.
@@ -88,7 +88,7 @@ $body-bg: #000;
88
88
$body-color: #111 ;
89
89
90
90
// Bootstrap and its default variables
91
- @import "node_modules/bootstrap/scss/bootstrap";
91
+ @import "../ node_modules/bootstrap/scss/bootstrap";
92
92
{% endhighlight %}
93
93
94
94
Repeat as necessary for any variable in Bootstrap, including the global options below.
@@ -126,16 +126,16 @@ To remove colors from `$theme-colors`, or any other map, use `map-remove`. Be aw
126
126
127
127
{% highlight scss %}
128
128
// Required
129
- @import "node_modules/bootstrap/scss/functions";
130
- @import "node_modules/bootstrap/scss/variables";
131
- @import "node_modules/bootstrap/scss/mixins";
129
+ @import "../ node_modules/bootstrap/scss/functions";
130
+ @import "../ node_modules/bootstrap/scss/variables";
131
+ @import "../ node_modules/bootstrap/scss/mixins";
132
132
133
133
$theme-colors: map-remove($theme-colors, "info", "light", "dark");
134
134
135
135
// Optional
136
- @import "node_modules/bootstrap/scss/root";
137
- @import "node_modules/bootstrap/scss/reboot";
138
- @import "node_modules/bootstrap/scss/type";
136
+ @import "../ node_modules/bootstrap/scss/root";
137
+ @import "../ node_modules/bootstrap/scss/reboot";
138
+ @import "../ node_modules/bootstrap/scss/type";
139
139
...
140
140
{% endhighlight %}
141
141
0 commit comments