compass-sass

Foundation5 with Compass and Assetic in Symfony2

两盒软妹~` 提交于 2019-12-01 07:39:04
I want to config Foundation5 with Compass and Assetic in Symfony2, I have installed foundation as they say at http://foundation.zurb.com/docs/sass.html : npm install -g bower grunt-cli gem install foundation In config.yml have configured in this way : # Assetic Configuration assetic: debug: %kernel.debug% use_controller: false filters: compass: require: ['zurb-foundation'] apply_to: ".(scss|sass)$" Then I have imported in a base SCSS file @import "foundation"; but when I run : php app/console assetic:dump I have the following error : [Assetic\Exception\FilterException] An error occurred while

global-variable-exists is triggering errors in Sass

不打扰是莪最后的温柔 提交于 2019-12-01 06:44:32
问题 I'm using a ternary-like statement to initialize a variable in Sass. This allows me to set some of my default variables to the same thing that Zurb Foundation is using, but if I decided to not include a Foundation module, then things should not fall on their head. $nav-link-icon-color: if( global-variable-exists($topbar-link-color), $topbar-link-color, #fff) !default; This was working fine until after I upgraded to Sass 3.4. Immediately after that, I started getting this error: error sass

How do I load extensions to the Sass::Script::Functions module?

感情迁移 提交于 2019-12-01 06:32:47
I'm trying to extend the Sass:Script::Functions module, per this recommendation: https://gist.github.com/481261/dd07a52829886ab1ad0875a8895f0100c4b925ab . The question is, where do I place the sass-hex.rb file and do I have to do anything to "load" the module extension? I tried placing the file in config/, but it doesn't seem to be loaded. When I go to the rails console and type Sass::Script::Functions::hex, I get: "NoMethodError: undefined method `hex' for Sass::Script::Functions:Module". I'm new to Rails, so the answer may be something super obvious and trivial. Maybe that's why none of the

How to add DatePicker at JHipster UI

别等时光非礼了梦想. 提交于 2019-12-01 05:51:57
问题 I want to modify one of JHipster entity page to use DatePicker. I Have include dependencies over Bower, add js library url to index page. I'm not sure how to include bootstrap css, should I use compass or something else? Or do you maybe know better library for UI. 回答1: I added it to my project using WebJars: <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap-datepicker</artifactId> <version>1.3.1</version> </dependency> Then I use class="date" on my date fields and use the

Compass taking too long to compile

孤街醉人 提交于 2019-12-01 05:45:00
问题 Since updated to the latest version of Compass it now takes 4.294s to compile. I need this version of compass due to needed susy Running "sass:dist" (sass) task Running "watch" task Completed in 4.294s at Tue Sep 30 2014 23:38:01 GMT+0200 (W. Europe Daylight Time) - Waiting...` // Running versions compass -v 1.0.1 susy -v 2.1.3 sass -v 3.4.4 I compile with grunt: sass: { dist: { options: { style: 'compressed', require: 'susy', compass: true }, files: { '<%= yeoman.css %>/style.css': '<%=

How do I load extensions to the Sass::Script::Functions module?

情到浓时终转凉″ 提交于 2019-12-01 05:34:33
问题 I'm trying to extend the Sass:Script::Functions module, per this recommendation: https://gist.github.com/481261/dd07a52829886ab1ad0875a8895f0100c4b925ab. The question is, where do I place the sass-hex.rb file and do I have to do anything to "load" the module extension? I tried placing the file in config/, but it doesn't seem to be loaded. When I go to the rails console and type Sass::Script::Functions::hex, I get: "NoMethodError: undefined method `hex' for Sass::Script::Functions:Module". I'm

Foundation5 with Compass and Assetic in Symfony2

十年热恋 提交于 2019-12-01 04:46:50
问题 I want to config Foundation5 with Compass and Assetic in Symfony2, I have installed foundation as they say at http://foundation.zurb.com/docs/sass.html : npm install -g bower grunt-cli gem install foundation In config.yml have configured in this way : # Assetic Configuration assetic: debug: %kernel.debug% use_controller: false filters: compass: require: ['zurb-foundation'] apply_to: ".(scss|sass)$" Then I have imported in a base SCSS file @import "foundation"; but when I run : php app/console

Does SASS support adding !important to all properties in a mixin?

*爱你&永不变心* 提交于 2019-12-01 02:34:21
I am currently using the compass framework and all it's helpful CSS3 mixins. I would like to use the border-radius(5px) mixin and have all properties that come from it marked with !important In LESS it is possible to apply !important to all properties in a mixin by simply specifying it after call .myMixin(@x) { border-radius: @x; -moz-border-radius: @x; } .myClass { .myMixin(5px) !important; } compiles to .myClass { border-radius: 5px !important; -moz-border-radius: 5px !important; } Is this possible in SASS , or will I have to rewrite the mixins with an important parameter? @mixin my-border

Compass error for command 'grunt server'

青春壹個敷衍的年華 提交于 2019-12-01 01:24:45
I'm running a project for which I installed nodeJs, ruby, yeoman, compass, etc. Now Im running my project with command >grunt server or >grunt server --force but it is giving me following error for compass. E:\CRM_workspace\CRM_from_repo\ria>grunt server --force Running "server" task >> The `server` task has been deprecated. Use `grunt serve` to start a server. Running "serve" task Running "clean:server" (clean) task Cleaning .tmp...OK Running "concurrent:server" (concurrent) task Running "copy:styles" (copy) task Done, without errors. Running "compass:server" (compass) task directory .tmp

Replace broccoli-sass with broccoli-compass in broccoli-sample-app

冷暖自知 提交于 2019-12-01 01:04:35
I'm attempting to replace broccoli-sass with broccoli-compass , in the Broccoli Ember Sample . My app structure looks like: app public styles app.scss Brocfile: ... var compileSass = require('broccoli-compass') ... var appNamespace = 'my-app-name'; function preprocess (tree) { tree = filterTemplates(tree, { extensions: ['hbs', 'handlebars'], compileFunction: 'Ember.Handlebars.compile' }) return tree } var app = 'app' app = pickFiles(app, { srcDir: '/', destDir: appNamespace // move under app namespace }) app = preprocess(app) var styles = 'styles' styles = pickFiles(styles, { srcDir: '/',