compass-sass

Heroku compass buildpack compass fail

二次信任 提交于 2019-12-05 09:03:42
I am trying to push a compass build-pack to heroku server, https://github.com/stephanmelzer/heroku-buildpack-nodejs-grunt-compass It use to work until recently and I am not sure what happened on heroku side, it doens't work anymore and giving me this error : bash: /app/.gem/ruby/1.9.1/bin/compass: /app/vendor/ruby-1.9.2/bin/ruby: bad interpreter: No such file or directory I am not sure what happened did they change the ruby version or something Does someone knows what can be the issue and the fix. I use Cedar stack, running node I'd like to add to the accepted answer with a bit more

Changing the output directory of the resulting CSS file in Compass/Webby?

落爺英雄遲暮 提交于 2019-12-05 08:53:39
I want my resulting *.css file to land in the output/css directory instead of the stylesheets directory. How would I go about doing this? I've already tried: Compass.configuration do |config| config.project_path = File.dirname(__FILE__) config.sass_dir = File.join('src','stylesheets') config.css_dir = 'css' config.output_style = :compact end <proj-root>/SiteFile In my Webby SiteFile configuration, but the resulting css file is still output into the default directory ("stylesheets") . How can I change this? Try adding the path you wish to use to your config.rb file like this; css_dir = "output

which should I use (for python-based sites)? sass, compass, switchcss…alternatives? [closed]

北战南征 提交于 2019-12-05 07:29:54
Closed. This question is off-topic . It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . What is the best system to use to organize your css? I am making several websites where I use python for back-end scripts. I'm interested in using something to help me organize LONG css scripts. I'm curious about what python/django developers use, and have heard of switchcss. I've seen friends use sass/compass in the past, but this seems to require a ruby interpreter, and it might be good to build the sites in

right-to-left (RTL) support in SASS project

三世轮回 提交于 2019-12-05 05:21:28
I'm wondering if it's possible to make a mixin that handles multiple arguments as properties that should be converted to rtl. I want to do something like .css-selector { width: 300px; height: 200px; @include rtl { padding: 10px 5px 3px 4px; margin: 3px 8px 2px 5px; } } with a mixin: $rtl = false !default; @mixin rtl() { @if $rtl { dir: rtl; @each $property in @content { //check property if it's padding or margin or something else rtl-related... if hit use rtl mixin } } @else { @content; } } I think I should parse the @content, but it doesn't work (Invalid CSS after "...h $property in ":

How do I enable SASS line numbers in CSS output?

爱⌒轻易说出口 提交于 2019-12-05 04:51:26
问题 How can I enable line numbers in CSS output if I am using SASS? I found an article but I didn't quite understand where to make the modifications http://pivotallabs.com/users/damon/blog/articles/765-standup-04-07-2009-we-have-questions#comments Could you help me? 回答1: There's an option called :line_comments if you set this to true, Sass will place line numbers in your compiled output. How to set this option depends on how you're using Sass. If it's in a Rails, Merb, or Rack application you can

Configuring zurb foundation-sass with compass - how do you get it working and use it in a project?

我只是一个虾纸丫 提交于 2019-12-05 04:41:31
问题 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: "

options to solve browser compatibility issues?

梦想的初衷 提交于 2019-12-05 04:06:45
问题 I am designing a web application with css3. Every one knows that lot of css3 properties like gradients, border-radius, box-shadow, animate, border-image, background-rgb, last-child, nth-child etc.. will not work in earlier IE versions such as IE8,7,6. some of the java script libraries like css3 pie can be used to make Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features such as gradients, border-radius, border-shadow, border-image(not Last-child, nth

Loading global SASS files in multiple Compass projects

天大地大妈咪最大 提交于 2019-12-05 02:52:59
问题 I'd like to create a directory of SASS files that multiple Compass projects will access. This directory would contain a number of SASS files for common elements with similar styles (form elements, clearfixes, resets, etc.) that I'd like to access and use across multiple projects. How can I include this single global SASS folder in multiple projects? 回答1: Chris Eppstein, the creator of Compass, has a video describing exactly how to do that here: https://vimeo.com/13804978 Essentially, you'll

Configuring Compass on Windows

回眸只為那壹抹淺笑 提交于 2019-12-05 02:10:47
问题 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

How to create a sprite from a folder with and without background-size (using Compass)

六眼飞鱼酱① 提交于 2019-12-05 01:32:26
问题 I want to use a Compass generated icon-sprite for two different scenarios. Use the icon(s) in original size. Use it the same icon(s) as a smaller version using CSS3 property background-size . I first do this: $logo-spacing: 20px; @import "logo/*.png"; @include all-logo-sprites; Now I can use the general created CSS-classes like .logo-twitter etc. Two achieve the second result I could use this (darren131 / gist:3410875 - resize sprites in Compass): @mixin resize-sprite($map, $sprite, $percent)