compass-sass

I'm on Windows, and I have SASS running successfully in my project. Now, I want to include compass so I can take advantage of the pre-written mixins, etc. First I simply tried this statement from within my working sass file: @import "compass/css3/transform"; Naturally, this didn't work since I didn't have compass installed, so I navigated to my Ruby directory and successfully installed the compass gem within c:/ruby193/bin . I can now successfully create compass projects within c:/ruby193/bin , but that doesn't do me much good. I need run compass commands within my site, which lives here: c:

I'm new to sass and zurb foundation (I've used bootstrap/less via codekit in the past) and have been trying to use the sass version foundation-sass but can't successfully get it configured - either via the command line using zurb's gem or by using codekit. If I configure the gem: Foundation works as long as I load all the foundation components via @import "ZURB-foundation"; But if I try to load components separately by uncommenting @import "zurb/buttons"; I see errors: "Undefined variable: "$default-color" - but where do the variables and mixin files live? Also, where do the foundation scss

@font-face { font-family: "HelveticaNeueLTStd-Lt"; src: url('/css/fonts/HelveticaNeueLTStd-Lt.otf') format('opentype'); } That is the output of my compass code: @include font-face('HelveticaNeueLTStd-Lt', font-files('HelveticaNeueLTStd-Lt.otf')); I can't seem to get the output url to be either just 'Helvetica......otf' or just 'fonts/Helvetica......otf'. My directory assets are as followed: http_path = "/" css_dir = "css" sass_dir = "sass" images_dir = "img" javascripts_dir = "js" fonts_dir = "fonts" I have tried taking off fonts_dir and changing it to "" with no luck Set http_fonts_path or

I have a project that uses Compass with SASS/SCSS . It is a single page application. I have a master .scss file that holds all of my variables , mixins and function declarations. //Master.scss $foo: 'bar'; @function border($color) { @return 1px solid $color; } // etc. I have a base.scss file that has the main UI's css. My system uses AMD to import other modules later on, after load. This means some stylesheets are loaded after the fact. Each module, or 'App's stylesheet imports the master .scss file, which has all of the variables, etc. The master.scss does not have any actual class

I work with SASS + Compass on Windows 7. I recently upgraded SASS from 3.2.10 to 3.4.2 and Compass from 0.12.2 to 1.0.1. I did the upgrade by uninstalling the old versions and install the new versions using gem uninstall/install in the command prompt. Now when I make changes to an SCSS file after running compass watch, only the first set of changes is noticed and compiled. After that compass watch just looks like it's watching for changes but in reality no other changes after the first are noticed. I have to terminate (Ctrl+C) and rerun compass watch. Adding --poll to the command doesn't seem

I'm using Assetic with the compass filter to pass and compile .scss files. This part of the setup seems to work fine. However, my understanding was that in the app_dev environment, Symfony 2 would recompile all assets (including css) for each page load and not use the caching system that it employs for prod environment. This seems not to be happening. When I make a change to a .scss file it will only take effect if I use: app/console cache:clear I thought the whole point of the dev environment was to avoid having to do this each time?! I've checked the permissions of the cache folders (to be

I want to make mixin for all browser including IE9 IE9, IE8, IE7 and Opera. Like http://www.colorzilla.com/gradient-editor/ generate the code it generate background: #1e5799; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI

I recently started using bootstrap SCSS on my node project. So I have app/bower_components/bootstrap-sass/lib/_glyphicons.scss for example. Looking at my CSS output I see things like: @media -sass-debug-info{filename{font-family:file\:\/\/\/home\/some\/path\/project\/app\/bower_components\/bootstrap-sass\/lib\/_normalize\.scss}line{font-family:\0000332}} audio, canvas, video { display: inline-block; } I have 2 questions: This seems like a security hole. Everyone can deduce something about my OS and directory structure simply by looking at my CSS. What is the correct way to close this security