Questions tagged [compass-sass]

Compass is an open-source CSS authoring framework which uses the Sass stylesheet language to make writing stylesheets powerful and easy.

Overview

Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS. Using the power of Sass Mixins and the Compass community, you can apply battle-tested styles from frameworks like Blueprint to your stylesheets instead of your markup.

Features

  1. Experience cleaner markup without presentational classes.
  2. It’s chock full of the web’s best reusable patterns.
  3. It makes creating sprites a breeze.
  4. Compass mixins make CSS3 easy.
  5. Create beautiful typographic rhythms.
  6. Download and create extensions with ease.

Links

Related tags

1945 questions
39
votes
6 answers

Using FontAwesome with Sass

I'm trying to use FontAwesome in a web Compass project. As there's no specific documentation in the FontAwesome page, and I'm not using Bootstrap, I've followed the "Not using Bootstrap?" directions but can't make it work. The output I get no…
ithil
  • 1,758
  • 1
  • 19
  • 37
39
votes
3 answers

What is workflow in Yeoman to work with Sass files?

I try to use yeoman but I don't know how to use my own sass files with it. With grunt server Sass files are watched and compiled into .tmp/styles/ But there is no reference to the compiled stylesheet, except
MarekLi
  • 941
  • 1
  • 12
  • 18
36
votes
5 answers

Are there any Sass code formatters?

Is there any code beautifier formatter for Sass (SCSS) code? I know how to format the output CSS code generated by SCSS compiler but how to give nice auto formatting to SCSS code itself? I've tried some online CSS formatter but they don't work with…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
35
votes
4 answers

How to use compass with rails 3.1

I have searched and searched and all I could see was that to use compass with rails 3.1 was to just edit the Gemfile like so: gem 'compass', :git => 'https://github.com/chriseppstein/compass.git', :branch => 'rails31' gem 'sass-rails', "~>…
corroded
  • 21,406
  • 19
  • 83
  • 132
35
votes
5 answers

Too many open files - Failed to initialize inotify: the user limit on the total number of inotify instances has been reached

How can I fix below problem? I am using compass. Too many open files - Failed to initialize inotify: the user limit on the total number of inotify instances has been reached. …
verlager
  • 794
  • 5
  • 25
  • 43
33
votes
0 answers

"You must compile individual stylesheets from the project directory" error with compass project

I've installed Zurb Foundation sass into an expressionengine project but i'm getting this when saving the app.scss file: Compass was unable to compile one or more files in the project: You must compile individual stylesheets from the project…
John
  • 833
  • 1
  • 11
  • 24
32
votes
2 answers

Compass: generate Sprites, plus width / height on each images in the sprite

I'm using Compass (a CSS Framework) to generate sprite images. It work, but compass generate only a background-position for each image. Is it possible to get also the width and the height for each image in the sprite? This is my code: @import…
Etienne
  • 2,257
  • 3
  • 27
  • 41
32
votes
3 answers

How do I output compressed CSS from Compass?

How do I configure compass to output smaller or compressed CSS files? I tried compass -s compressed but that didn't work.
Mark Robinson
  • 1,479
  • 2
  • 15
  • 34
32
votes
2 answers

Automatic darken color in Sass / Compass

I'm setting up a CSS for a website where all the links, in :hover state, are darker than in normal state. I'm using Sass/Compass so I looked to the darken Sass method, here :…
enguerranws
  • 8,087
  • 8
  • 49
  • 97
31
votes
3 answers

Download all gems dependencies

I want to install compass by downloading any required file and taking them to another machine without internet connection. I have downloaded the source package for compass and when I run gem on it in the non connected machine it complains about…
Sergio
  • 4,537
  • 4
  • 33
  • 41
31
votes
2 answers

Does Sass have a switch function?

With Sass' ability to use variables, one would hope there is a large set of logic functions we can do with them. Is there a way to do something like this? $someVar: someValue !default; @switch $someVar { @case 'red': .arbitrary-css here…
Bryce
  • 6,440
  • 8
  • 40
  • 64
30
votes
8 answers

Count number of selectors in a css file

is there an existing plugin/app/program/script/whatever that analyzes and counts the css selectors of a file? i want to check if the reason my css file is not working in IE is because my selector count is over 4095 (which im pretty sure is…
corroded
  • 21,406
  • 19
  • 83
  • 132
30
votes
2 answers

How to generate image sprites in ember-cli using compass?

Update - 20140614: After not getting any answers to this question, or on github, I decided to come up with my own solution to the problem. I was using compass for a number of things, but its main utility was in its ability to generated image…
bguiz
  • 27,371
  • 47
  • 154
  • 243
29
votes
1 answer

Subtraction not working in compass scss

While ive been loving compass, I just ran to a confusing issue. I'm trying to subtract one from a value like…
locrizak
  • 12,192
  • 12
  • 60
  • 80
29
votes
6 answers

Does compass-rails support Ruby on Rails 4.0?

I have clean new Rails 4 app with Gemfile: #default gems gem 'compass-rails' gem 'zurb-foundation' gem 'thin' with style.scss: @import "compass"; @import "foundation/variables"; $red: rgb(255,0,1); $green: rgb(51,153,50); $body-bg:…
quatermain
  • 1,442
  • 2
  • 18
  • 33