LESS Mixins aren't available in other imported LESS files
I have this code:
@import "vars.less";
// Desktop/Laptop Section
@import "mixins-d-1.less";
@import "positioning.less";
@import "containers-d-1.less";
Inside containers-d-1.less I reference a mixin from mixins-d-1.less. However, I get an error saying that it's undefined.
I'm able to pull my variables out of vars.less, why can't I pull my mixins out of mixins-d-1.less?
import less less-mixins
asked Nov 9 at 20:59
Reverend Bubbles
5694818
add a comment |
I have this code:
@import "vars.less";
// Desktop/Laptop Section
@import "mixins-d-1.less";
@import "positioning.less";
@import "containers-d-1.less";
Inside containers-d-1.less I reference a mixin from mixins-d-1.less. However, I get an error saying that it's undefined.
I'm able to pull my variables out of vars.less, why can't I pull my mixins out of mixins-d-1.less?
import less less-mixins
asked Nov 9 at 20:59
Reverend Bubbles
5694818
add a comment |
I have this code:
@import "vars.less";
// Desktop/Laptop Section
@import "mixins-d-1.less";
@import "positioning.less";
@import "containers-d-1.less";
Inside containers-d-1.less I reference a mixin from mixins-d-1.less. However, I get an error saying that it's undefined.
I'm able to pull my variables out of vars.less, why can't I pull my mixins out of mixins-d-1.less?
import less less-mixins
asked Nov 9 at 20:59
Reverend Bubbles
5694818
I have this code:
@import "vars.less";
// Desktop/Laptop Section
@import "mixins-d-1.less";
@import "positioning.less";
@import "containers-d-1.less";
Inside containers-d-1.less I reference a mixin from mixins-d-1.less. However, I get an error saying that it's undefined.
I'm able to pull my variables out of vars.less, why can't I pull my mixins out of mixins-d-1.less?
import less less-mixins
import less less-mixins
asked Nov 9 at 20:59
Reverend Bubbles
5694818
asked Nov 9 at 20:59
Reverend Bubbles
5694818
asked Nov 9 at 20:59
Reverend Bubbles
5694818
asked Nov 9 at 20:59
Reverend Bubbles
5694818
asked Nov 9 at 20:59
Reverend Bubbles
5694818
5694818
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
The problem wasn't the importing at all, really.
I made a mistake in how I was using media queries.
Both files had the same media query since they were both for the desktop CSS (hence the "d"). However, the second one, in containers-d-1.less was OVERWRITING the first one and blowing away all my mixins! I clearly need to wrap the import block in a single media query for that section instead of redeclaring it inside each less file.
answered Nov 14 at 16:18
Reverend Bubbles
5694818
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53233211%2fless-mixins-arent-available-in-other-imported-less-files%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The problem wasn't the importing at all, really.
I made a mistake in how I was using media queries.
Both files had the same media query since they were both for the desktop CSS (hence the "d"). However, the second one, in containers-d-1.less was OVERWRITING the first one and blowing away all my mixins! I clearly need to wrap the import block in a single media query for that section instead of redeclaring it inside each less file.
answered Nov 14 at 16:18
Reverend Bubbles
5694818
add a comment |
The problem wasn't the importing at all, really.
I made a mistake in how I was using media queries.
Both files had the same media query since they were both for the desktop CSS (hence the "d"). However, the second one, in containers-d-1.less was OVERWRITING the first one and blowing away all my mixins! I clearly need to wrap the import block in a single media query for that section instead of redeclaring it inside each less file.
answered Nov 14 at 16:18
Reverend Bubbles
5694818
add a comment |
The problem wasn't the importing at all, really.
I made a mistake in how I was using media queries.
Both files had the same media query since they were both for the desktop CSS (hence the "d"). However, the second one, in containers-d-1.less was OVERWRITING the first one and blowing away all my mixins! I clearly need to wrap the import block in a single media query for that section instead of redeclaring it inside each less file.
answered Nov 14 at 16:18
Reverend Bubbles
5694818
The problem wasn't the importing at all, really.
I made a mistake in how I was using media queries.
Both files had the same media query since they were both for the desktop CSS (hence the "d"). However, the second one, in containers-d-1.less was OVERWRITING the first one and blowing away all my mixins! I clearly need to wrap the import block in a single media query for that section instead of redeclaring it inside each less file.
answered Nov 14 at 16:18
Reverend Bubbles
5694818
answered Nov 14 at 16:18
Reverend Bubbles
5694818
answered Nov 14 at 16:18
Reverend Bubbles
5694818
answered Nov 14 at 16:18
Reverend Bubbles
5694818
5694818
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53233211%2fless-mixins-arent-available-in-other-imported-less-files%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
