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
0
votes
1 answer

Add a comment with date or an incrementing "version" number to js, css or html files using a preprocessor?

I am working on a project for which the end client gets a lot of build. Sometimes a fix is reported not repaired when it has been and it turns out the latest build has not been uploaded by they tech team. Our solution to this has been to comment by…
Kevin Mann
  • 721
  • 1
  • 7
  • 14
0
votes
1 answer

Sass adds comments indicating line of the definition

I"m not sure what's happening, but when I save my file and it is generated by compass I get comment above each declaration indicating which line of the sass file it is i.e: /* line 55, ../sass/app.scss */ Also - in the config.rb I have output_style…
Spencer Mark
  • 5,263
  • 9
  • 29
  • 58
0
votes
0 answers

symfony on windows with ruby and compass - error with paths

I'm using Windows 8.1 Enterprise 64-bit with XAMPP 1.8.3. Then I installed the RubyInstaller 1.9.3-p545. After that I used gem install sass and gem install compass. Now i have a problem with my paths. config.yml snip: assetic: ruby:…
PatrickB
  • 3,225
  • 5
  • 31
  • 55
0
votes
1 answer

Compass - Define paths

Each bit of my project is a separate component, with its own hierarchy. To include them in my file, I just need to include the app.jsand inject it to whatever I want. So for each component, I have a separate config.rb file to run the compass for…
Kousha
  • 32,871
  • 51
  • 172
  • 296
0
votes
2 answers

LiveReload LoadError lib/compass/bin/compass

Haven't had any trouble with LiveReload until last week, when I must've done something that messed up a path. Whenever I save a SASS file, I get the following error: /usr/bin/ruby: No such file or directory --…
gwezerek
  • 105
  • 1
  • 7
0
votes
1 answer

Compass configuration : get sprited icons out of folder

I'd like to have the following tree structure to be sure the folder containing the image files used to build the sprites are not in the same folder as the resulting sprites: . | ├ images_for_sprite | ├ sprite-normal | | ├ icon1.png | | ├ icon2.png |…
lajarre
  • 4,910
  • 6
  • 42
  • 69
0
votes
1 answer

Why is Grunt ignoring my file paths?

I have the entire bootstrap-sass project in a git submodule. Why is grunt looking at sass/bootstrap/test/ at all--and failing--when I only told it to look in sass/bootstrap/vendor? 'use strict'; module.exports = function(grunt) { …
Hugh Guiney
  • 1,309
  • 2
  • 19
  • 34
0
votes
2 answers

How to make a transition of opacity from 0 to 1 with Compass?

I'm trying to build up a fade style using CSS3 (and SASS/Compass to be readable) I would like to make the elements turn from full transparency to full opacity. I tried something like that: @import "compass/css3/transition"; @import…
Yako
  • 3,405
  • 9
  • 41
  • 71
0
votes
2 answers

Remove a box shadow (SASS + Compass)

I am removing the box shadow CSS with my media query: .myelements { @include box-shadow(2px 2px 3px #000); } @media (max-width: 768px) { .myelements { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:…
beingalex
  • 2,416
  • 4
  • 32
  • 71
0
votes
2 answers

Is it possible to make compass compile only modified partials?

We use compass/sass in a large-scale project, with hundreds of partial scss files. When running 'compass compile' it takes more than a minute to compile the output css file. Does compass use caching on a partial level? Is it possible to force…
Shlomi Fruchter
  • 53
  • 2
  • 6
0
votes
1 answer

Compass compile results in undefined method `sub' for nil:NilClass

When I try to run the compile command below for compass I get an error saying sub is undefined for nil:Nilclass. Command compass compile hack-stack/app/styles --relative-assets --sass-dir hack-stack/app/styles --output-style expanded --images-dir…
Chad
  • 18,076
  • 8
  • 31
  • 41
0
votes
1 answer

How to make some divs more responsive than others for different aspect ratios using susy 2

Since it's a bit difficult to explain, I did a mockup to get across as much as possible visually: http://sassmeister.com/gist/70624a740b1ca4ae7764 (If there's a better way to share a sass gist, let me know. First time using it) Basically, this is…
gregorio
  • 43
  • 7
0
votes
4 answers

Using Codekit 2 with Susy and Breakpoint

I like to use Codekit for a Compass-Poject with Susy and Breakpoint. @import "compass"; @import "compass/reset"; @import "susy"; @import "breakpoint"; But there is an error message "File to import not found or unreadable: breakpoint." Can i use…
user3473628
  • 113
  • 10
0
votes
1 answer

Where is compass 1.0.0 preview Documentation located?

I can't find the documentation anyway. So The follow error error sass/style.scss (Line 7 of _home.scss: Undefined mixin 'clearfix'.) Is fine, but I need the clearfix with compass.
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
0
votes
1 answer

Syntax error: Mixin columns takes 1 argument but 2 were passed

I'm getting this error when trying to [compass compile]: Syntax error: Mixin columns takes 1 argument but 2 were passed. Everybody else on my team do not get this error. The offending line of code is: @include columns(9,9); Please assist.
SBel
  • 3,315
  • 6
  • 29
  • 47
1 2 3
…
99
100