compass-sass | 易学教程

Compass/Sass writing files with “No Access” permissions for Everyone group on OSX

阅读更多关于 Compass/Sass writing files with “No Access” permissions for Everyone group on OSX

问题 I'm using Sass and Compass (on osx) and using "compass watch" to compile my .scss files. The compilation runs OK, in that the .css files are created with the correct content. However, looking at the permissions shows that the file is written with the "Everyone" group as having "No Access" resulting in the css not appearing on the page. When I correct the permissions manually all is well again, but any subsequent saves result in compass overwriting the file with "No access" permissions again.

What is the equivalent of command “Compass watch” for LESS CSS pre-processor?

阅读更多关于 What is the equivalent of command “Compass watch” for LESS CSS pre-processor?

问题 I was using SASS as CSS pre-processor for Drupal theme. Where in the command line if I use $ compass watch . It keep on watching the change in .scss file and apply to .css file. Just I am trying Bootstrap theme and there I am using LESS CSS pre-processor, Where I have to use $ lessc less/style.less css/style.css every time to apply change. What is the equivalent of $ compass watch for LESS. 回答1: You need to install less-watch-compiler: npm install -g less-watch-compiler Make sure you

Developing with SASS using PHPStorm on Windows

阅读更多关于 Developing with SASS using PHPStorm on Windows

问题 I'm running PHPStorm IDE on Windows. I would like to start using Zurb Foundation and write my stylesheets using SCSS. Do I need to install Ruby or Compass to do so? Is there a way to let PHPStorm automatically compile .css stylesheets for me in my projects (in custom paths for each project) whenever I edit a .scss file? I've seen this http://www.jetbrains.com/phpstorm/webhelp/transpiling-sass-less-and-scss-to-css.html but looks like the instructions are for a unix system, while I run windows.

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

阅读更多关于 Changing the output directory of the resulting CSS file in Compass/Webby?

问题 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

Why does `middleman serve` work, but `middleman build` fails to compile this Sass?

阅读更多关于 Why does `middleman serve` work, but `middleman build` fails to compile this Sass?

问题 When I just run middleman to serve, all.css gets compiled fine, consisting of just a call to +box-shadow(none) : /* line 1, /home/yang/asdf/source/stylesheets/content.css.sass */ div { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } But when I build the site, I get this Sass/Compass error: $ middleman build Slim::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 Slim::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 Slim:

How does 'compass watch' work/how is it used with rails

阅读更多关于 How does 'compass watch' work/how is it used with rails

问题 I have done compass create . and compass init rails whilst in my project directory. A few questions: I have placed my .sass files in public/stylesheets . Is this the right place to put them? When I run compass watch , it does not automatically compile these .sass files. I have to manually specify the files: compass watch public/stylesheets/myfile.sass etc. How do I get this working automatically? The files ie.css , print.css and screen.css have been placed in stylesheets/compiled . How do I

Possible to change the SASS/Compass output folder for different files?

阅读更多关于 Possible to change the SASS/Compass output folder for different files?

问题 I'm wondering if it's possible for Compass to output files to different directories? I have a fairly large project and while most CSS files go in the /css folder, others need to go in the /admin/css folder. I'm symlinking them for now, but it'd be great if I could define an array of files (in config.rb?) that could be output elsewhere. 回答1: In config.rb edit the css_dir = "/" to your wanted directory! I don't think it can handle multiple output folders. 回答2: One way around it might be to set

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

阅读更多关于 which should I use (for python-based sites)? sass, compass, switchcss…alternatives? [closed]

问题 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

Can SASS/Compass compile foo.scss to foo.min.css and foo.dbg.css?

阅读更多关于 Can SASS/Compass compile foo.scss to foo.min.css and foo.dbg.css?

问题 I want to compile a set of .scss files to different filenames. In development, I want to compile eg. foo.scss to foo.dbg.css (unminified and with comments). In production, I want to have eg. foo.min.css (minified). Is there a way to tell SASS/Compass what to use as the target extension? A command-line switch? A config.rb option? Writing a script that first compiles and then renames files seems like a bad option, because then I can't use compass watch efficiently. (Well, I could compile to two

Using Compass/Sass with another CSS framework

阅读更多关于 Using Compass/Sass with another CSS framework

I recently started using Compass/Sass for my CSS coding and it has been working out well. I am now looking into trying out different frameworks (Skeleton, Foundation, Bootstrap etc.). My question for those who are experienced with using Compass, when you install a new framework, it includes it's own css file with ready-made classes. When you use Compass, it has the scss file you use in order to modify classes and variables. The thing that is confusing me is that I would need to go to the css file to modify any of the default classes, then go back to the scss file in order to do the mixins,