Using global variables for Less in Angular

Question

I set up my project as Less in Angular to use the benefits of variables and such in my CSS. But the problem is that I have to define those variables in each component which doesn't make it as efficient. Is there a way to set the variables globaly?

So I want to get rid of this:

In my component less:

@pink-color: #FC9DB5; // I want to get this from a single
                      // file which I import on each component
header {
  background-color: @pink-color;
  height: 100px;
}

You should @import them.

SLaks
– SLaks

2018-06-07 18:22:53 +00:00
Commented Jun 7, 2018 at 18:22 — SLaks
– SLaks, Commented Jun 7, 2018 at 18:22
Ah thanks that actually worked..

Sinan Samet
– Sinan Samet

2018-06-07 18:25:37 +00:00
Commented Jun 7, 2018 at 18:25 — Sinan Samet
– Sinan Samet, Commented Jun 7, 2018 at 18:25

SLaks · Accepted Answer · 2018-06-07 18:27:23Z

8

This is what @import is for; it lets you import files of variables.

answered Jun 7, 2018 at 18:27

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

Collectives™ on Stack Overflow

Using global variables for Less in Angular

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