compass-sass

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

梦想的初衷 提交于 2019-12-05 19:01:42
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. I'm not sure whether the problem here is with my config.rb (but I don't think so), or the permissions

SASS won't build in Sublime Text 2 [Errno 2] No such File or Directory

感情迁移 提交于 2019-12-05 18:02:55
I've scoured all other posts on this subject to no avail. I've created a .scss file, installed sass, compass and I'm on OSX so I have ruby installed, I did install the latest version about a year ago however. When I cmd + b to build my .scss I get this error: Errno 2] No such file or directory [cmd: [u'sass', u'--update', u'/Users/administrator/Desktop/style.scss:/Users/administrator/Desktop/style.css', u'--stop-on-error', u'--no-cache']] [dir: /Users/administrator/Desktop] [path: /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin] [Finished] Here is what is in my Ruby.sublime-build file: { "cmd": [

Compass and sass: possible to auto-import all partials? [duplicate]

落花浮王杯 提交于 2019-12-05 17:19:54
问题 This question already has answers here : Is it possible to import a whole directory in sass using @import? (12 answers) Closed 4 years ago . In a compass/sass setup, ideally I would like to compile every .scss-file into one big style.css . Looking e.g. here, it seems my only option would be to make _partials.scss and @import "these"; from one main file. This seems like double work, since every time I move around a .scss-file e.g. to a sub folder I have to update the referenced import-path. My

How to use sass --precision?

巧了我就是萌 提交于 2019-12-05 16:44:27
I am trying to use sass + compass to make a fluid grid and I need my %'s to have at least 8 digits when compute them out but right now sass + compass is rounding my decimals to 3-digits. I found that if use --precision you can tell sass to round to how ever many digits you want, my issue is that i can seem to figure out how to get --precision to work from the terminal on my project. Please help Justin Maxwell According to this answer , configuring @precision in SASS's numbers.rb will achieve this result. It appears that --precision is nonfunctional. FDisk sass --precision 6 input.scss output

Developing with SASS using PHPStorm on Windows

南楼画角 提交于 2019-12-05 16:04:07
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. So far I did the following: I've installed http://rubyinstaller.org/ then successfully installed the

Add custom CSS to sprites generated with Compass

元气小坏坏 提交于 2019-12-05 15:41:36
I have this code in my_images.scss file: $icon-layout:smart; $icon-sprite-dimensions: true; @import "icon/*.png"; @include all-icon-sprites; The output is something like this: .icon-sprite, .icon-asterisk, .icon-camera, .icon-clock, ... { background: url('/../../media/img/icon-s00227a988a.png') no-repeat; } .icon-asterisk { background-position: -108px -18px; height: 18px; width: 18px; } .icon-camera { background-position: -54px -18px; height: 18px; width: 18px; } How can I change the code to include custom CSS in the output. I want to generate this: .icon-sprite, .icon-asterisk, .icon-camera,

Sencha touch 2.4.0 SASS compile error

送分小仙女□ 提交于 2019-12-05 14:44:06
Environment: Mac OSX Mavericks 10.9.4 Compass 1.0.1 (Polaris) Compass-blueprint (1.0.0) Sass 3.4.5 (Selective Steve) sencha app build testing command no error When I compile app.scss file in the ./resources/sass/ directory, an error happened. compass compile app.scss error app.scss (Line 209 of /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/touch/resources/themes/stylesheets/sencha-touch/base/src/_Class.scss: File not found or cannot be read: /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/resources/sass/fonts/pictos/pictos-web.woff) File not found or cannot be read: /Users

SASS/SCSS object key value loop [duplicate]

你离开我真会死。 提交于 2019-12-05 11:53:00
问题 This question already has answers here : Associative Array SCSS/SASS (2 answers) Closed 3 years ago . Take a look at this example: @include font-face('Entypo', font-files('entypo.woff')); .icon { display: inline; font: 400 40px/40px Entypo; } .icon-star { @extend .icon; &:after { content: "\2605"; } } .icon-lightning { @extend .icon; &:after { content: "\26A1"; } } I want to make things as DRY as possible so I want to know if the following is possible, and if so how? @include font-face(

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

纵饮孤独 提交于 2019-12-05 11:03:59
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::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 /home/yang/asdf/source/stylesheets/content

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

一曲冷凌霜 提交于 2019-12-05 09:26:40
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. In config.rb edit the css_dir = "/" to your wanted directory! I don't think it can handle multiple output folders. One way around it might be to set up symlinks from where they're supposed to go to the actual output CSS files. I might be doing the same myself