compass

问题 I am attempting to make the switch from GruntJS to Gulp and have run into a problem with my Gulp task for processing my SASS files via Compass. The files compile just fine into the single CSS file as they did under my GruntJS implementation, but I am missing the line number comments that show me where the CSS rules come from such as: /* line 26, ../_components/sass/_base.scss */ The code from my gulpfile.js for the task is: gulp.task('compass', function() { gulp.src(sassSources) .pipe(compass

问题 I can't get PhpStorm to work with a relative installed bundler package. I´m using bundler with following gemfile: source "http://rubygems.org" gem "susy", "~>2.2.14" gem "sass", "~>3.4.22" gem "compass", "~> 1.1.0.alpha.3" gem "breakpoint", "~>2.5.0" gem "font-awesome-sass", "~>4.6.2" At the PhpStorm terminal I'm executing the following command to install the gems to the relative directory gems/ : bundle install --path gems/ Bundler installed all to the directory gems/ without any error. My

问题 I want to create different css-themes for a WordPress theme by using theme setup files. The setup (simplified) would be as following: /themes/_theme1.scss /themes/_theme2.scss /components/_file1.scss /components/_file2.scss /theme.scss The idea is to enable easy theming by adding a class to the body of the document like .theme-theme1 or .theme-theme2 . In the files _theme#.scss I want to define variables like text colour, font sizes and so on. In _file#.scss the actual styles are defined. My

问题 I'm trying to use use_percentages to generate an image sprite with background position by percentage. But after compiling the SCSS file, the background-position declaration is still in pixels. My SASS code: @import "compass/utilities/sprites"; $sprite-layout:smart; $sprite-sprite-dimensions: true; $use-percentages: true; @import "images/sprite/*.png"; @include all-sprite-sprites; How can I get the sprite images to be positioned by percentages? 回答1: You have to include the name of your sprite

问题 ColorZilla's gradient editor says // needs latest Compass, add '@import "compass"' to your scss Well I've found that's not so easy. Obviously if you just throw @import "compass"; at the top of your .scss file, Sass won't compile because _compass.scss can't be found. This is an asp.net project utilizing Sass. In addition, I have to use the sass ruby gem to compile, not compass's compiler. I've installed the compass gem. I've followed the instructions on http://compass-style.org/install/. I've

问题 I use rails 4.2.0 and compass-rails (2.0.2) I have a css.scss file with @import "compass/utilities/sprites"; @import "icons/*.png"; @include all-icons-sprites(true); I have many image .png in app/assets/images/icons/XXX.png I want deploy my app in production, it's work but with no assets, so I start rake assets:precompile in production environement. An error occure: rake aborted! Sprockets::FileNotFound: couldn't find file 'icons/*.png' I try to remove assets files in cache, nothing change.

问题 there is something bug to onSensorChange , I was able to move my map from facing north, my code was correct but its always rotate even the phone not moving @Override protected void onResume() { mSensorManager = (SensorManager)getSystemService(SENSOR_SERVICE); mAccelerometer = mSensorManager.getDefaultSensor(Sensor.TYPE_ACCELEROMETER); mMagnetometer = mSensorManager.getDefaultSensor(Sensor.TYPE_MAGNETIC_FIELD); super.onResume(); mSensorManager.registerListener(this, mAccelerometer,

问题 For some reason box-shadow mixin returns value that is considered Invalid by browser. Why does it happen? How to fix? In my .scss : @import "compass/css3/box-shadow"; @include box-shadow(0px 1px 5px 1px #c4c3c3); Returns this: -webkit-box-shadow: compact(0px 1px 5px 1px #c4c3c3, false, false, false, false, false, false, false, false, false); -moz-box-shadow: compact(0px 1px 5px 1px #c4c3c3, false, false, false, false, false, false, false, false, false); box-shadow: compact(0px 1px 5px 1px

问题 I've been trying to get Sass up and running with Bootstrap. I've followed the tutorial, going so far as to install exact versions of the dependencies listed rather than the default/latest versions. I've done this from scratch at least three times. I've uninstalled and reinstalled different versions of Sass and Compass (mainly according to Sass --compass --watch Error: Cannot load compass), as well as older versions of Ruby (I just installed 2.3.3, down from the latest release). But whenever I

问题 I have a rail 4 project with "stylesheets/application/index.css.scss" with my all css files: /* *= require jquery.ui.all *= require_tree ../shared *= require_tree ../design *= require_tree ../layout *= require_self *= require_tree . */ rails compile all css in only one, minimized (in prod). I need to import @import "shared/header" in many files. exemple: in "stylesheets/layout/main.css.scss" @import 'shared/header'; .header { @extend .header_common_overview; [...] } but I @import 'shared