I recently bought Hammer for Mac.
I am making a static site, and want to use Bourbon + Neat, Bitters and Refills to style the page.
If I am correct, Bourbon is already included in Hammer, but Neat, Bitters and Refills aren't?
At the Hammer for Mac homepage, it says the following about installing Neat:
"If you're using the fantastic Bourbon Neat framework with Hammer, you'll need to download the Neat code from the Neat GitHub repository. The SCSS files for Neat are located inside the app/assets/stylesheets directory.
To use Neat in your project, simply copy the contents of app/assets/stylesheets into a folder in your project. Then just use #import "neat"; in your SCSS or Sass files to use Neat."....
Which I did. I took it as the same needed to be done to include Bitters and Refills.
I then try to use the #import "neat"; commands in my main.scss, but the build always fail.
Any idea on how to get this to work?
Thanks!
It's probably because Hammer for Mac uses a lower Sass version that's required to properly build Neat:
https://github.com/thoughtbot/neat/issues/174
(In other words, download Neat 1.5.1)
Related
I can't get ruby running and i dont want to go through all the hurdles of fighting with my osx version of ruby.
I downloaded dart sass which has no support for compass since it's deprecated. I'm trying to get my old sass code to work while I work on replace all my mixin that I used that rely on compass.
Is there a way I can download the compass/css3 mixin stylesheet?
I found their site http://compass-style.org/reference/compass/css3/ other than going through each page and copying all the code. Is there no master code file that I can download all the mixins?
Thank you.
I am new to SASS. I am using this as a guide to learn Bourbon -
http://www.git-tower.com/learn/bourbon-neat-bitters/getting-ready/introduction
I followed all the instructions and it displays fine on my local machine. But when I edit _layout.scss, it doesn't compile to styles.css. I installed Compass and had it watch the project folder, but same results. My changes won't take.
Am I missing a step?
This is likely more of a sass importing/file-name issue than anything specifically with bourbon. I'd check out http://sass-lang.com/guide . Sass-lang put together a really nice guide to sass that includes things like imports, etc.
Also, Compass app can bring some things to the party that can conflict with Bourbon. I'd recommend using the sass app or a desktop app like https://prepros.io which can be easier starting out.
Hope this helps 🍻
I'm currently trying to make my company use Bourbon/Neat/Bitters/Refills, the Toughtbot front-end stack often refered as the Bourbon family.
But while we use Ruby on most of our projects, we code static websites from time to time. On that kind of project, the scaffolding speed of Bitters could be very useful.
Thoughtbot released Bower packages for Bourbon and Neat, not for Bitters and Refills. Combined with Gulp for Sass pre-processing, Bower is perfect for small projects.
I can't find a reasonably reliable way to use Bitters and Refills for static websites. Any idea?
We don’t publish Bitters or Refills to Bower because we expect authors to change the code they come with. They are there are get you started.
For Bitters, I recommend using the gem, which comes with a CLI. We publish installation instructions on our GitHub: https://github.com/thoughtbot/bitters#installation
For Refills, you can also use the gem, or simply copy-paste from the website: https://github.com/thoughtbot/refills#installation
The structure of my Compass projects has outgrown the capabilities of text editors like Sublime Text or TextMate/E. Example:
I'm in desperate need for variable/mixin names aoutcompletion and refactoring capabilities: renaming variables/mixins globally, moving files without breaking imports, etc.
I've tried latest JetBrains IDEs (RubyMine, PhpStorm, WebStorm, PyCharm) but they just can't handle Compass project structure. All variables are cosidered to be undefined, refactoring tools fail and other nasty things happen. Example:
So when it comes to Compass-powered SASS development, those paid IDEs yield to general programmer's editors like vim which at least have stupid yet working autocompletion.
The question is: what are the editors and IDEs that do have full-fledged Compass support?
PS I'm on Windows, but please suggest matching software for any OS.
I stumbled recently with the same sort of limitation.
Here's what I did.
Just go to your sass styleheets directory and create symbolic links to the compass framework source files living in the Compass gem's directory.
I assume a couple of things here:
You're using RVM to manage your Ruby versions
You're using bundler to manage your Gems
You're on a linux or os x based system
If this is not the case fear not! We will find the way.
How to find the location of this Gem's Sass source files?
just execute:
bundle show compass
path_to_rvm_files/gems/your_ruby_version#your_gemset/gems/compass-version
Of course your path may vary but that's the idea.
You should navigate to that directory in which you'll find a directory called frameworks, with some other directories within:
...
|_compass-xxxxx
|_frameworks
|_compass
|_stylesheets
|_compass
In the latest one, compass is where your important compass files are.
So you must create a symlink in your project pointing to that directory, and then your IDe will "figure out where the included or imported stuff is", so to speak.
How to create this symlink?
Go on the terminal to the project stylesheets directory and execute:
ln -s path_to_rvm_files/gems/your_ruby_version#your_gemset/gems/compass-version/frameworks/compass/stylesheets/compass/ compass
Hopefully this will sort out the problem with Compass own variables, mixins and so on.
On regards of your custom ones, my advice is to import them all on _base.scss/sass.
I use Rubymine myself and this has been my way to go so far.
Regards!
Just starting out with SASS and Compass.
I've been using a Mac App called CodeKit to compile and manage my Sass and Compass.
If I wanted to use a set of Sass Partials on multiple projects and ideally store these in a central location (for example my dropbox) is this possible?
Codekit has a really nice feature called Frameworks that lets you do this but this doesn't work once you start to use Compass as Compass is a framework in its own right.
Thanks in advance for any help.
Richard
Create a Compass extension and import it into your config.rbs.