How to use Mixin LESS in external style sheets

Question

I have a question about the use of less mixin in different style sheets.

I have 2 sheets of initial styles: reset.less and styleguide.less

I wonder how can I define a mixin in styleguide.less title.

And the reset just use it.

Example:

**styleguide.less**

    .title() {
      text-decoration: underline;
    }


**reset.less**

    .h1 {
      .title();
    }

Using [import](http://lesscss.org/features/#import-directives-feature). — Harry, Mar 05 '15 at 16:48

score 1 · Accepted Answer · answered Mar 05 '15 at 16:52

You would have to import the file that has that mixin into reset.less.

If you want to start using shared mixins, then you will most likely want to create a mixins file that you import where you need to.

I precede all imported files with an underscore like _mixins.less.

Then import this file into reset.less:

@import: path/to/_mixins.less;

1 Answers1