bohowe's avatar

Noob in css, please help

I'm a noob in CSS and I want to override a variable in scss. To be more specific a variable in bootstrap scss. How can I do that. I added the following in my variables.scss.

$grid-gutter-width: 20px;
$link-color: #888888;

My app.scss file looks like this

@import url('https://fonts.googleapis.com/css?family=Nunito');

@import '~bootstrap/scss/bootstrap';


@import 'variables';

I did run npm run dev and npm run prod, but nothing works. Any clue why this is not working?

0 likes
2 replies
bobbybouwmann's avatar
Level 88

You need to include the variables first before you import bootstrap itself

@import 'variables';

@import '~bootstrap/scss/bootstrap';

Please or to participate in this conversation.