compass-sass

Install Foundation 5 in ember-cli

こ雲淡風輕ζ 提交于 2019-12-05 01:29:04
问题 I am fairly new to ember and very new to the build tools. I am currently using the usual foundation install with the foundation cli and compass to compile my css, this is a bit of a pain and is very bad for working on a team. I thought it would be better to install the files with bower and use ember-cli-compass-compiler as stated in the docs but its not working as expected. I would like to have the app.scss file in the app/styles directory and import all the required foundation components

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

大憨熊 提交于 2019-12-05 00:47:47
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 different output directories and then write a script that copies the files from there. That feels a

Run Compass/SASS with a different version

眉间皱痕 提交于 2019-12-05 00:12:06
问题 I am trying to find a nice solution working on two different compass projects. One is based off Compass using Blueprint (older version), and the other is based on susy grid (newer version). Currently, I have to reinstall the right version for the watch process. Is it possible to run compile with a specified version? It would be great if it is also possible to run a watch process with a specified version. 回答1: Running it as compass _0.10.5_ compile will do what you want. (Where you put in the

Problems when creating Compass project (EACCES on line [“891”])

試著忘記壹切 提交于 2019-12-04 23:47:57
I am having problems when creating a new compass project (Windows 7). I get this: C:\>compass create a create config.rb Errno::EACCES on line ["891"] of C: Permission denied - (C:/a/config.rb20140321-6828-1g0ytlc, C:/a/config.rb) Run with --trace to see the full backtrace I have tried to start cmd with "Run as administrator", I have tried to delete compass, sass and ruby, and reinstalled without any luck. Anyone else having problems or know a solution to this irritating problem? Numm3n I was using the latest version (21.03.2014) of compass v.0.12.4... Downgraded to v.0.12.2 everything worked

SASS - Extend class across multiple files

牧云@^-^@ 提交于 2019-12-04 22:57:15
问题 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

Wrong encoding for partial

大城市里の小女人 提交于 2019-12-04 20:20:37
I am running compass watch my_project on Windows XP. index.scss : @charset "UTF-8"; @import 'partial'; // ... _partial.scss : p:before { content: '•'; } config.rb : encoding = "utf-8" Generated index.css : @charset "UTF-8"; /* line 1, ../sass/_partial.scss */ p:before { content: 'ÔÇó'; } // ... How do I make Compass/Sass interpret the partial as UTF-8? Is there perhaps an environment variable that I can set to change default character encoding used by Ruby ( compass is a Ruby app)? On my Windows 7 machine, it worked to add the following line to my project's config.rb Encoding.default_external

how does $icon-font-path works in bootstrap scss?

Deadly 提交于 2019-12-04 19:13:45
问题 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

Gulp Watch is not working

你说的曾经没有我的故事 提交于 2019-12-04 19:03:34
问题 I'm new Gulp user, and I try simple script to watch compass, but it didn't work. But when I just run gulp compass gulp can compile it. Any ideas? Here my script: var gulp = require('gulp'), compass = require('gulp-compass'), // Compass gulp.task('compass', function() { gulp.src('./assets/scss/*.scss') .pipe(compass({ config_file: './config.rb', css: './assets/css', sass: './assets/scss' })) .pipe(gulp.dest('./assets/css')); }); // Default task gulp.task('default', function() { gulp.start(

SASS Image CSS Cache Busting (via Compass)

醉酒当歌 提交于 2019-12-04 18:20:12
Can anyone explain a best practice approach to implementing a cache buster in SASS? Meaning, on 'compilation' of my CSS, it appends a timestamp to images files. E.g., The following SASS code: !sprite="gubs.gif" ul li.selected :background :image= image_url(!sprite) :repeat no-repeat :position= "right" -222px Should produce: ul li.selected { background: url(../images/gubs.gif?123456789) no-repeat right -222px } In the ruby tool juicer, this is automatically done for you. But I can't seem to find documentation on how to do this in SASS, via Compass. chriseppstein Make sure you are using compass

compass watch compiles once, fails to notice further changes

家住魔仙堡 提交于 2019-12-04 18:20:00
问题 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