I’m trying to figure out how to use the npm materialize-css package in Meteor 1.3. I’m just using Materialize for the grid system. I tried using this in one of my SCSS files:
While processing files with fourseven:scss (for target web.browser):
/client/styles/main.scss: Scss compiler error: File to import:
{}/node_modules/materialize-css/sass/materialize.scss not found in file:
/Volumes/SuperData/Sites/reelcrafter-new/{}/client/styles/main.scss
This seems like it should be a pretty simple thing.
I should also point out that I’m using material-ui, and I don’t want there to be any conflicts in styles. I just want to be able to use the materialize grid and mobile off-canvas nav.
Below is an example of materialize and material-ui conflicting: (note the double underline in the focused TextField and the unnaturally small floating label)
Any news about that? I tried to use Materialize in a fresh project. The only way to load it is to add a cdn version in the layout template, as script.
I tried the package, the npm and the direct import of the css and js files, with assets (fonts and icon) in public folder. All of these solutions failed.
I am using a combination of materialize and material-ui in my project. I had the same issue of double lines when using material-ui form elements. I couldn’t get rid of materialize completely because I wanted to use its grid structure. I resolved it by:
removing the materialize:materialize package.
Added fourseven:scss package
Copied the grid scss file from materialize github in my own client/stylesheets directory. You also need to copy their variables file. (Make sure to configure load order of SCSS files correctly.)
I am also using waves feature of materialize that needs a corresponding js file to work. So I copied waves.js in my client/lib folder and it worked.