compass-sass

This question already has an answer here: Import regular CSS file in SCSS file? 13 answers Now, while I am developing my project I have three files, "main.css", "about.css" and "news.css" (for example). Is it possible to compile them into one "final.css" for production? hopper The SASS import directive is used to import the contents of one file into another, so you could create a file final.scss whose contents are: @import 'main'; @import 'about'; @import 'news'; You'd then need to rename your files to have "scss" extensions so the import directive will find them. If you don't want the main

This is mentioned in config.rb file images_dir = "images" I use 2 folder for images in my projects inside images folder images images/background/ images/content/ If any images is inside images/background/ folder then how i should add the path for image in css background and Sass variables? $header-img: "sass.gif"; and background-image: url('sass.gif?1327592426'); And how to get rid of this auto generated ?1327592426 from each background image? You should use the image-url URL helper . It "generates a path to an asset found relative to the project's images directory" which you defined in your

How do other Wordpress theme developers incorporate Sass into their theme development while taking advantage of its compressed output style? Sass compressed removes ALL comments, so I currently have an empty style.css with my theme declaration and an @import calling the minified css from compass, but this hardly seems like the best solution. Has anybody found a way around this? What would be the best solution if not? http://codex.wordpress.org/Theme_Development#Theme_Stylesheet http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#id40 SUPER SHORT VERSION: Use /*! loud comments */ and

I'm using JetBrains PhpStorm, which is probably the most epic IDE I've ever used. The question is simple. How do I add Compass syntax support to it? I've got it installed, it renders and works, but PhpStorm still complains about undefined imports and mixins. How can I resolve this? Can Compass be included as an external library? Edit : I'd just like to note that this feature request is for the RubyMine IDE (also by JetBrains), it's not for PhpStorm/WebStorm. It's explanation of Martin's answer. Symlink to compass gem directory in your sass folder works great. Instruction(Windows) open cmd with

This may be Compass 101, but has anyone written a mixin which sets the alpha value of a color? Ideally, I would like the mixin to take any form of color definition, and apply transparency: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); //prints rgba(255, 0, 0, 0.5); maxbeatty Use the rgba function built into Sass Sets the opacity of a color. Examples: rgba(#102030, 0.5) => rgba(16, 32, 48, 0.5) rgba(blue, 0.2) => rgba(0, 0, 255, 0.2) Parameters: (Color) color (Number)

is there an existing plugin/app/program/script/whatever that analyzes and counts the css selectors of a file? i want to check if the reason my css file is not working in IE is because my selector count is over 4095 (which im pretty sure is not) thanks! p.s. plus points if there's a haml/sass/compass solution jetli13 The following snippet can be run in the Firebug console in Firefox to count the total number of CSS selectors (not just CSS rules) and check whether it reaches the limit of 4095 selectors per stylesheet: var styleSheets = document.styleSheets, totalStyleSheets = styleSheets.length;