Stack Overflow
Stack Overflow

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
29
votes
9 answers

Shopify Theme with Compass and Sass

Does anyone have a workflow for developing Shopify themes with Compass and Sass? I am really close, I just need to figure out how to not make Sass barf on the CSS liquid tags. Here's what I've got: A sass/compass project in directory (ex:,…
wart
  • 610
  • 1
  • 6
  • 10
28
votes
4 answers

What is the value of Compass for Rails 3.1?

I'm trying to decide if I should include Compass when starting a new Rails 3.1 project. I haven't used Compass before. Rails 3.1 now supports SCSS directly. The Rails 3.1 asset pipeline (via sprockets) now compiles stylesheets automatically. And I…
Daniel Kehoe
  • 10,952
  • 6
  • 63
  • 82
28
votes
2 answers

Can't use compass after installing it

I don't seem to be able to get compass working on Vagrant using this Vagrantfile. See the rest of the bash script's used right here(removed repo) (see Vaprobash if you want to provision your Vagrant Ubuntu Box!). So I was fallowing a gruntjs course,…
Ilyes512
  • 2,627
  • 5
  • 23
  • 27
27
votes
3 answers

Compass vs Bourbon Frameworks

Im working on a rails 3.1 application. I want to have a framework/library that covers gradients, shadows etc. Compass has been popular, but getting it to play nicely with rails 3.1 was a challenge for me, so I opted for Bourbon, which also seems to…
alik
  • 3,820
  • 9
  • 41
  • 55
26
votes
3 answers

Chrome DevTools save CSS changes directly to SASS file

Is it possible to have style changes done directly in the "Styles" panel not only persisted to the .css but also to the corresponding .scss file? I have CSS source maps for every file and that works fine - I can jump right into the .scss file when…
Alex
  • 12,205
  • 7
  • 42
  • 52
25
votes
3 answers

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

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…
cander
  • 822
  • 1
  • 7
  • 10
25
votes
6 answers

compass: You must compile individual stylesheets from the project directory

A while ago I was using compass to generate stylesheets from sass for a project. Recently I returned to that project. I went to my sass directory and did "compass watch --debug .:." This generated the error "You must compile individual stylesheets…
davedave
  • 603
  • 2
  • 12
  • 18
24
votes
5 answers

Sass @each with multiple variables

I'm just getting started with Sass and Compass, and I'm loving it. Something I'd like to do is take advantage of the @each function to simplify repetitive tasks. However, I've only seen examples of @each inserting one variable, and I'd like to be…
steve
  • 576
  • 1
  • 5
  • 12
24
votes
7 answers

Sass import error in Rails 3 app - "File to import not found or unreadable: compass"

I have a Rails 3 app on which I successfully ran compass init rails ./ --using blueprint. I can @import files from the /stylesheets directory, but I get an error when I try to @import compass. Right now the app has two simple sass…
Eric Wright
  • 825
  • 3
  • 8
  • 14
23
votes
3 answers

Sass Background Image mixin

I'm kind of new to Sass, but I'm attempting to create a workflow for myself. I generate "color packs" for my theme designs and need to specify the following variables for my mixin. Is there a better way to do this?: //…
simplethemes
  • 1,992
  • 2
  • 14
  • 11
23
votes
6 answers

Multiple box-shadow declarations in Sass

I would like to create a Sass mixin for the box-shadow property but am running into some trouble. Some of the existing code looks like this. #someDiv { -moz-box-shadow:0 0 5px rgba(0,0,0,.25); } #someOtherDiv { -moz-box-shadow:0 0 5px…
Steve Klein
  • 231
  • 1
  • 2
  • 3
23
votes
2 answers

Using Sass compressed output while leaving theme comment header for Wordpress

How do other Wordpress theme developers incorporate Sass into their theme development while taking advantage of its compressed output style? Sass compressed removes ALL comments, so I currently have an empty style.css with my theme declaration and…
Chris Vilchez
  • 371
  • 3
  • 7
23
votes
2 answers

What is a CSS Authoring framework?

I were looking for a CSS Framework to help me built website, when I struck with Compass. Now, while I understand what a CSS Framework is, I don't understand what's a CSS Authoring Framework. Expecially, I don't understand if it "replaces" a CSS…
Francesco Belladonna
  • 11,361
  • 12
  • 77
  • 147
21
votes
7 answers

How to install Compass on Windows

I have installed Ruby on my system, and now I want to install Compass. But when I execute the gem install compass command, it shows an error like this: could not find valid gem 'compass' <>=0> in any repositary And also: SocketError: getadressinfo:…
hsnGunda
  • 347
  • 1
  • 5
  • 20
20
votes
3 answers

Can't get sass + compass + susy installed due to version conflict

I'm working with Sass, Compass and Susy on OSX / Terminal. But I can't get Susy to work together with Sass and Compass. What I've done: sudo gem install sass sass -v Returns: Sass 3.3.0 (Maptastic Maple) sudo gem install compass This seems to also…
user3401571
  • 203
  • 2
  • 4
1 2
3
…
99 100