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
300
votes
25 answers

Failed to build gem native extension (installing Compass)

When I attempt to install the latest version of compass (https://rubygems.org/gems/compass/versions/1.0.0.alpha.17), I get the following error. ERROR: Error installing compass: ERROR: Failed to build gem native extension. ERROR: Error installing…
cusejuice
  • 10,285
  • 26
  • 90
  • 145
191
votes
17 answers

IE9 border-radius and background gradient bleeding

IE9 is apparently able to handle rounded corners by using the CSS3 standard definition of border-radius. What about support for border radius and background gradient? Yes IE9 is to support them both separately, but if you mix the two the gradient…
SigmaBetaTooth
  • 2,084
  • 2
  • 13
  • 8
170
votes
2 answers

What are Compass and Sass and how do they differ?

I would like to start using Compass and Sass to speed up development. At the moment, I have installed Sass on a mac and instructed it to watch a Scss file for input, and a CSS file for generated output. From many articles, Sass is used with Compass,…
Chiko
  • 2,330
  • 4
  • 21
  • 29
135
votes
6 answers

Sass negative variable value?

I have a couple of scss selectors where I use the same amount positive and negative, as in: padding: 0 15px 15px; margin: 0 -15px 20px -15px; I'd prefer to use a variable for all the 15px amounts, but this does not work: $pad: 15px; padding: 0 $pad…
Steve
  • 14,401
  • 35
  • 125
  • 230
105
votes
8 answers

Sass or Compass without ruby?

Is there a way to use Sass or Compass or anything like that without Ruby? I have been looking around google and this site and can't find anything, any help would be appreciated. Thank you
Troy Cosentino
  • 4,658
  • 9
  • 37
  • 59
100
votes
7 answers

Sass/Compass - Convert Hex, RGB, or Named Color to RGBA

This may be Compass 101, but has anyone written a mixin which sets the alpha value of a color? Ideally, I would like the mixin to take any form of color definition, and apply transparency: @include set-alpha( red, 0.5 ); //prints rgba(255,…
Pat Newell
  • 2,219
  • 2
  • 18
  • 23
74
votes
1 answer

How to overwrite SCSS variables when compiling to CSS

I'm trying to use jqtouch theming which is based on SASS and COMPASS. I have a file custom.scss with the most simple code, one import and one variable to overwrite: @import 'jqtouch'; // Override variables $base-color: #fe892a; /* The default base…
bouscher
  • 1,300
  • 1
  • 9
  • 18
71
votes
11 answers

Why does "compass watch" say it cannot load sass/script/node (LoadError)?

I'm having a problem with my compass watch command - it worked fine up until a few days ago. I have made no changes to my config files. I reinstalled Compass, used rvm to update Ruby. I checked my custom_require.rb file but I really don't know what…
Sam Purcell
  • 815
  • 1
  • 6
  • 12
68
votes
4 answers

How do I downgrade to an old version of compass using gem install?

I've been using compass from http://compass-style.org/ to manage my sites css for a long time. I just installed the newest version and I get a rather unpleasant error, that has as a side effect corrupted all my css files. How do I downgrade to an…
Matt Lynn
  • 683
  • 1
  • 5
  • 5
63
votes
1 answer

SASS :not selector

I have a :not css selector in SASS mixin but it doesn't do anything: Code Snippet: @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; @include…
user2667409
  • 1,169
  • 2
  • 9
  • 12
53
votes
6 answers

Can I import an externally hosted file with sass?

Using Sass (SCSS) / Compass, is it possible to import some CSS/SCSS into your code from an externally hosted file? I am hosting a jQuery plugin on a CDN and want to keep the CSS in the same location so I don't lose it. However, I'd also like to…
Chisos Designs
  • 539
  • 1
  • 4
  • 4
52
votes
4 answers

Difference between compass and sass?

What is the difference between SASS and Compass, SASS and SCSS? I'm getting really confused by this.
Junxuan Ng
  • 709
  • 1
  • 6
  • 7
50
votes
6 answers

Adding !important using a Compass Mixin

If I'm using compass for CSS and use a function or mixin like: @include background-image(linear-gradient(#a3cce0, #fff)); is there any easy way to have compass add !important to every line it generates?
David
  • 2,834
  • 6
  • 26
  • 31
50
votes
9 answers

Compass style libraries for LESS css?

SASS has Compass (a community maintained library of sass mixins/methods). Does LESS have any supporting libraries that can compare to Compass? Listing anything would be helpful!
tester
  • 22,441
  • 25
  • 88
  • 128
47
votes
5 answers

File to import not found or unreadable: compass

I successfully installed Sass, but I'm having trouble importing Compass. The following is the error detail: *Syntax error: File to import not found or unreadable: compass. Load path:…
Keo Strife
  • 1,416
  • 3
  • 15
  • 23
1
2 3
…
99 100