question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error: no mixin named box-shadow

See original GitHub issue

I am having trouble getting the Paper theme to compile properly because there is no mixin named box-shadow, so any inclusion of it fails

.navbar {
  border: none;
  @include box-shadow(0 1px 2px rgba(0,0,0,.3));
...

This is also failing for Error: no mixin named placeholder Any help is appreciated, thanks!

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:12 (4 by maintainers)

github_iconTop GitHub Comments

6reactions
ChristianClassencommented, Apr 20, 2017

I just had the same issue when using Bootstrap and Bootswatch, installed via Rails Assets, with Rails 5.0

I did the following to resolve the issue and hope I helps somebody else:

  1. Add to Gemfile
source 'https://rails-assets.org' do
  gem 'rails-assets-bootstrap-sass-official', '3.3.7'
end
  1. Copy Bootswatch Theme files from Github into vendor/assets folder
  • vendor/assets/stylesheets/bootswatch/[theme_name]/_variables.scss
  • vendor/assets/stylesheets/bootswatch/[theme_name]/_bootswatch.scss
  1. Use @import in Manifest file (application.css.scss)
@import "bootswatch/[theme_name]/variables";
@import "bootstrap-sass-official";
@import "bootswatch/[theme_name]/bootswatch";
1reaction
stphanecommented, Dec 16, 2016

I encountered this issue using v3.3.7 SCSS “Lumen” theme, along with a PHP scss parser, neither grunt nor Less. Prompted errors said like there were a bunch of missing mixins.

Undefined mixin box-shadow: line: 35 Undefined mixin transition: line: 310 …

Imports statements seamed to be ordered the right way though

@import "../../web/bootswatch/lumen/_variables.scss";
@import "../../web/bootswatch/lumen/_bootstrap.scss";
@import "../../web/bootswatch/lumen/_bootswatch.scss";

I could stop this issue by replacing “/bootswatch/lumen/_bootstrap.scss” with “bootstrap-sass/assets/stylesheets/_bootstrap.scss”. (Simply run bower install bootstrap-sass-official -S to get bootstrap original scss main file). Error disappeared but still I have to check that the theme is not broken.
It’s like “_bootstrap.scss” and _bootswatch.scss override files belong to differents versions.

Thank you for sharing such nice and neat themes !

Read more comments on GitHub >

github_iconTop Results From Across the Web

What is wrong with my box-shadow SASS @Mixin?
For a simple prefix mixin, especially when the property has optional values, it would be better to not have specific arguments.
Read more >
Sass Mixins | Foundation for Sites 6 Docs
Mixins allow us to reuse code in various parts of the framework. Foundation includes mixins for clearfixes, visibility, icons, shapes, and more.
Read more >
Box shadow scss mixin - CodePen
Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....
Read more >
Mixing error msg - HTML-CSS - The freeCodeCamp Forum
i was trying to define media queries in my code using mixins ... “formatted”: “Error: no mixin named respond-Phone\n on line 13 of ......
Read more >
Sass Basics
Sass has features that don't exist in CSS yet like nesting, mixins, inheritance, ... What the above code does is tells .message ,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found