@Import of less files into a limited scope

Question

I want to import all styles from another less file, but into a limited scope. I\'m trying this:

\"my-site.less\"

.wrapper-class {
    @import \"path/to/s         


        

Answer 1

The syntax of LESS (and CSS) don't allow @imports into CSS rules. Try use namespace:

styles.less

.styles {
    [your code]
}

Then, replace the @import for namespace:

.wrapper-class {
    .styles;
}

Reference:

http://lesscss.org/features/