calling a mixin in Foundation

180 views Asked by At

I found a solution on how to resize column

.col5-unit {
    @include grid-column(2.4); // (12/5 = 2.4)
}

However, I'm getting this error

[16:17:17] Starting 'styles'...
[16:17:17] gulp-inject 4 files into index.scss.
[16:17:17] [Sass] Error in plugin 'gulp-sass'
Message:
    no mixin named grid-column
Backtrace:
    src/app/main/main.scss:110
Details:
    fileName: /home/ubuntu/testapp/src/app/main/main.scss
    lineNumber: 110
[16:17:17] Finished 'styles' after 35 ms

I saw grid-column in the file grid.scss but I'm not sure where to properly put my scss code.

1

There are 1 answers

0
devwannabe On

As @akarienta's request, here is how I got it working. Without the inclusion of this import code, it won't get fixed.

@import "bower_components/foundation/scss/foundation/components/tabs";

I added that line to my own _settings.scss

then I put the code below to another scss file. It should have worked in main.scss but wondering why I didn't. I'll have to retest. Anyways, everything is working great

.col5-unit {
    @include grid-column(2.4); // (12/5 = 2.4)
}