search

Igosuki / compass-mixins

A collection of compass' stylesheet for bower dependencies and libsass
Other
592 stars 197 forks source link

how to use #65

Closed talgautb closed 8 years ago

talgautb commented 8 years ago

Sorry but i don't understand how to add compass-mixins to own project. added @import "compass" but there are errors :( or @import "../bower_components/compass-mixins/lib/compass" ? but is it ok ?!

talgautb commented 8 years ago

may be some info to Read.me - Usage ?

luisfmsouza commented 8 years ago

I've imported as your import... and I agree that it seems wrong.

talgautb commented 8 years ago

easy way to add only compass stylsheets on project)

IAMtheIAM commented 8 years ago

Please add usage instructions on the readme file. I agree it is confusing to implement.

talgautb commented 8 years ago

@Igosuki ?

ItIsInspiring commented 8 years ago

I agree with the comments. It is not easy to understand how to configure compass-mixin. it would be nice to have a more detailed tutorial about this plugin. Thanks

kevinelliott commented 7 years ago

Why did this get closed? The instructions were never added.

stephenasamoah commented 7 years ago

Was having trouble too, but here's how I got it to work:

  1. Install the module via npm.
  2. Inside the scss file, import the module, e.g. @import "../../../../node_modules/compass-mixins/lib/compass";

or if using bower:

  1. add the module as a dependency in your bower.json file like so: { "name": "imprv-workflow", "description": "Improved Workflow", "main": "build/index.html", "authors": [ "Kwesi Jnr." ], "license": "MIT", "homepage": "", "ignore": [ "*/.", "node_modules", "bower_components", "test", "tests" ], "dependencies": { "compass-mixins": "~1.0.2" } }

  2. Run $ bower install

  3. Import it the same way as stated above but with bower_components in the path, not node_modules: @import "../../../../bower_components/compass-mixins/lib/compass";

I observed that using bower_components was slightly faster than node_modules.