Compass is a charityware authoring framework. It uses the SASS stylesheet language to create clean and reusable CSS3 code.
Questions tagged [compass]
720 questions
0
votes
0 answers
Configuring Compass with Sinatra
My scss doesn't seem to be compiling correctly. Written below is the configuration instructions I found on several blogs, and the compass website itself, but I can't seem to get the scss to configure.
Here is the error I'm getting in my browser…
emily6689
- 1
- 1
0
votes
1 answer
Compass & Autoprefixer Gem install
Using this guide, I was still unable to install auto-prefixer using gem with compass:
https://github.com/postcss/autoprefixer#compass
gem install autoprefixer-rails
and add post-compile hook to config.rb:
require…
Webber
- 941
- 11
- 26
0
votes
0 answers
Compass Compile Converting "\f..." to "^O..."
When I run compass compile public/, compass converts the following styles:
.foundicon-rss:before {
content: "\f002";
}
.foundicon-facebook:before {
content: "\f003";
}
.foundicon-twitter:before {
content: "\f004";
}
... to…
eldosoa
- 295
- 1
- 4
- 9
0
votes
0 answers
Sass Compilation Error
I am trying to compile my Sass file, but keep getting this error in my terminal:
error sass/app.scss (Line 60: File to import not found or unreadable:
custom.
This happened after:
cd to the containing folder
sass --watch `sass:css`
What did I…
sjm135
- 3
- 1
0
votes
0 answers
Compass font-face mixin not properly compiling
I'm using Compass and it's built-in @include font-face mixin. However, the fonts are not loading. I think this may be due to the series of numbers being added to the end of the file path when it compiles.
Compiled CSS:
@font-face { font-family:…
BastionGamma
- 321
- 3
- 17
0
votes
1 answer
Sencha Touch - Undefined mixin 'experimental' on compass compile
When I try to compile my sass code with compass compile I get the following error :
error app.scss (Line 42 of /MyProject/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss: Undefined mixin 'experimental'.)
My sass code…
Mehdiway
- 10,337
- 8
- 36
- 68
0
votes
0 answers
Problems getting Sass Compass project working in CodeKit
First off, I love CodeKit.
But I have no idea how to resolve the issue I'm facing right now and was hoping someone else might have knowledge to resolve.
I created a new project based on the HTML5 Boilerplate CodeKit project…
NiceUX
- 57
- 5
0
votes
1 answer
SASS / Compass - Overwrite | Delete | Unset Mixins / Include
I'm trying to set up a mobile-first workflow with SASS and Compass.
Therefore I want to define for the navigation an ul>li horizontal-inline-list via http://compass-style.org/reference/compass/typography/lists/horizontal_list/
I…
DVJF
- 5
- 3
0
votes
1 answer
Compass mixin - folder-sprite(imagename) - prints all images when it shouldn't
I'm using compass to generate a sprite-sheet, which it pulls off magically. My issue is when I attempt to include a single png via div {@include folder-sprite(js);} it includes the whole sprite-sheet, how do I go about fixing this? Any help is much…
Bakajuice
- 173
- 1
- 9
0
votes
1 answer
Compass not compiling magento rwd childtheme everytime
Update: This seems to be a problem with apache since it happens to other none magento/compass projects
The compilation itself does not run into any trouble. However with the following considerations the browser does not allways show the changes I…
Cisum Inas
- 11,552
- 11
- 40
- 55
0
votes
0 answers
import compass sprite images in one file css and @extend it in another?
I have a icons folder, I use compass to sprites images:
@import "compass/utilities/sprites";
@import "icons/*.png";
@include all-icons-sprites(true);
This is in /stylesheets/global/icons.css.scss file
Now, in /stylesheets/application/index.css.scss…
Matrix
- 3,458
- 6
- 40
- 76
0
votes
1 answer
Codekit not compiling scss files when using compass
my compass version is 1.0.1 (Polaris)
my sass version is 3.4.5
when I do a normal compass watch it works just fine. I love using codekit and I want it compile my scss files but it is not and its driving me nuts.
If any body has any ideas on how to…
John
- 107
- 2
- 12
0
votes
1 answer
Compass Bootstrap CSS cache issue
I'm currently running Compass and Bootstrap 3 through a Vagrant VM Box.
I've managed to successfully setup the project using both the Compass and Bootstrap Gem's.
I've now started writing my styles. Upon save I can see which files have been modified…
Stefano
- 586
- 1
- 4
- 11
0
votes
1 answer
How to resolve gemfile sass dependency issue
I'm having a hell of a time making my install of Foundation / SASS / Compass work and
I think I might have a dependency issue. I tried to run 'compass init' and this is outputted in my…
Scott Pearse
- 3
- 2
0
votes
0 answers
Breaking changes Compass 0.12.5 => 1.0.1 with Foundation
I have a class that extend .button and .tiny from Foundation 5 Framework.
index.scss
@import '_core/styles/compass';
@import '_core/styles/foundation';
@import '_core/styles/fonts';
@import '_core/styles/colors';
@import…
blackbrain
- 13
- 4