Configuring Compass on Windows
here's how I do it
(One time)
install ruby http://rubyinstaller.org/
install compass, in a command window enter
gem install compass
to add compass to an MVC project, navigate to project folder and in a command window enter
compass create
you will get the default config.rb ... but here is my usual one
http_path = "/"
css_dir = "content/css"
sass_dir = "content/sass"
images_dir = "images"
javascripts_dir = "scripts"to install bootstrap (for more info see https://github.com/thomas-mcdonald/bootstrap-sass)
addrequire 'bootstrap-sass'
to your config.rb
enter (in your command window)
gem install bootstrap-sass
(I had to do a (in your command window)
gem update
after this but you may not need to)enter (in your command window)
compass install bootstrap
(then ... every time you open the solution in Visual Studio)
- navigate to project folder
in a command window enter
compass watch
(this will monitor project for saves and re-compile the scss files)
Hope that helps
Cheers
Stu
Windows MongoDB - Installed Compass but can't find Compass within system
For some reason in Windows 10 it is installed into the hidden AppData directory. At least I found first a shortcut 'MongoDB Compass' here:
C:\Users\<username>\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\MongoDB Inc
and then in the properties of it the actual location seems to be
C:\Users\<username>\AppData\Local\MongoDBCompass\MongoDBCompass.exe
How to Configure Ruby to use compass for Sench-touch on Windows
First you need to install Ruby if you do not have it already. Get the latest Windows installer at http://www.rubyinstaller.org.
The installer should automatically add the Ruby folder to your PATH environment variable, so you can run Ruby commands from the command line. Once Ruby is installed, open a command line interface (cmd.exe) and install the required Compass packages using the 'gem' command from Ruby. Do this with the following three commands:
gem install haml
gem install haml-edge
gem install compass
After the packages install, type compass version
to see if it installed correctly. You should see something like "Compass 0.11.7 (Antares) Copyright (c) 2008-2012 Chris Eppstein..."
If the gem
and compass
commands do not do anything, ensure that your Ruby folder is in your path. Check this tutorial if you need help.
The specifics for your config.rb depend on how you have your system and projects set up. Most of the configuration deals with the folder structure of you project. I'll refer you to the Sencha documentation for this:
- Mastering the Compass/SASS Setup with Sencha Touch
- An Introduction to Theming Sencha Touch
Once your config.rb is set up, you can run compass compile
in your .scss folder to build the css files.
Using Compass on Windows with Visual Studio C# and ASP.NET
To complete the last answers, you can install Web Workbench, a plugin for Visual Studio 2010 wich add syntax highlighting, intellisence and some other stuff for the SASS language (SCSS syntax only).
If you prefer using Compass and/or some other tools to compile your CSS, you should disable the built-in compiler. I listed some other SASS compilers here: Using SASS with ASP.NET.
To disable the built-in compiler: select the .scss file in Solution Explorer, go to the Properties window and delete the text from the Custom Tool box.
Since Web Workbench 3 you can now manage more easily what you want to compile with this plugin. See the Mindscape > Web Workbench Settings menu item.
Configure Assetic, Sass, Compass in Symfony 2.3.0-DEV (Windows)
The version without .bat is correct, however looks like "Jes·s" folder name causes the issue (there should be u with an accent?).
Related Topics
Word-Wrap Not Working in Internet Explorer
How to Make Space Between Middle Line and Text
Make Fixed Header Scroll Horizontal
Image Right Edge Fade/Blur CSS
Bootstrap Modal Restores Button Focus on Close
Making an Unordered List Span 100% The Width of a Div
How to Remove The Blue Border That Appears When Clicking on a UIb-Accordion-Heading
Use CSS to Target Any Element That Has Any Two Classes on It
Trigger Animation on Element Click in Pure CSS
Percentage Max-Height on Image Ignored in Firefox
Using CSS Clip with Percentage
Springboot - Resource Interpreted as Stylesheet But Transferred with Mime Type Text/Htm
How to Reference Google Material-Design-Icons After Npm Install
Flex: Wrapped Items with Same Width as The Rest
Object Oriented CSS: Catchy Buzz-Phrase or Legitimate Design Approach