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

Compass not compiling Sass map

I have a Sass map which Compass complains when compiling. I'm getting a syntax error. I have an example of the code on Sassmeister and it compiles just fine. Here is the Sass map and the Compass compile error: $homepageShapes: ( template1: (svg:…
Michael Turnwall
  • 649
  • 7
  • 21
0
votes
2 answers

gulp isn't noticing sass/compass extension imports / bundler

This is my first time using gulp. Up until now I've always used bundle exec compass watch to compile my scss files. I'm getting the following error in the command prompt when I run gulp: Syntax error: file to import not found or unreadable:…
architarious
  • 1
  • 3
0
votes
0 answers

Libsass @include font-face

I'm converting an existing website to use Zurb Foundation 5, and using Libsass rather than Compass to compile CSS from SASS Having been impressed by the speed of Libsass (and 'grunt') over Compass (and 'watch'), I now have a problem: if I was using…
gavnosis
  • 11
  • 2
0
votes
1 answer

SASS: Child classes according to parent class

Is there a way we can check the parent element class & change child element class properties? Something like: if parentClass { h1{color: red;} } else if parentClass2 { h1{color: blue;} } Want CSS to be like: .parentClass h1 { color:…
SVS
  • 4,245
  • 1
  • 23
  • 28
0
votes
2 answers

How to update SASS styles of Foundation 5?

I'm new to the Foundation framework, so that is an easy newbie question. In my project, I only have a couple of scss files in a sass directory: _foundation.scss (CSS file of 5000+ lines) _normalize.scss (normalizing CSS file) _setting.scss (A large…
Yako
  • 3,405
  • 9
  • 41
  • 71
0
votes
2 answers

gulp.js: 'gulp.watch' is not really watching changes

I'm having problem using gulp.watch for checking changes on my .scss and images files. It's only working when I create or edit a JavaScript file, so 'watch' is working, but only for JavaScript files. This is my code: var gulp =…
nikoskip
  • 1,860
  • 1
  • 21
  • 38
0
votes
0 answers

Zurb Sass - Changes to "_settings.scss" not showing up - Windows

I was using Zurb Foundation and have decided to start using it Sass and am stuck on the most basic of problems. I've successfully followed this installation guide: http://foundation.zurb.com/docs/sass.html I've successfully used Compass to create my…
Funkavenger
  • 39
  • 4
0
votes
1 answer

Trying to get Sass and Bundler to work cross team?

I created a project that is working and compiling sass as expected. My setup is just using sass, compass, & susy with Netbeans. I had another team member pull it from source control and he is unable to compile with the error: Syntax error: File to…
SirM
  • 487
  • 6
  • 22
0
votes
1 answer

how to stop compass overwrite my css

After I import @import "compass"; in the application.css.scss file And I include my own css in app/views/layouts/application.html.haml my GO Button style has changed , how to fix it in an easier way? I use Rails 4.0.2 How could I refactor my…
newBike
  • 14,385
  • 29
  • 109
  • 192
0
votes
2 answers

Zurb Foundation + Compass project creation : Too many arguments were specified

When I create a new Zurb Foundation project using compass with : compass create -r zurb-foundation --using foundation I get the following error : Too many arguments were specified. I found a workaround using sudo, but then my IDE…
user2891155
  • 67
  • 3
  • 9
0
votes
1 answer

SASS/Compass Add String Extension name to this mixin

I am using Compass and I have the following mixin setuo that I want to produce the following: .blog .hero { background-image: url('/images/hero-approach-blur.jpg'); } @media only screen and (min-width: 600px) { .blog .hero { …
cusejuice
  • 10,285
  • 26
  • 90
  • 145
0
votes
1 answer

Vertical rhythm and margin adjust in compass

Im trying to understand why I need to increase the value in pixel to reduce margin. Let me add some code. First the basic: $base-font-size: 16px; $base-line-height: 24px; @include establish-baseline; The I want to reduce some margin in a tag, to…
Koffer
  • 103
  • 2
  • 10
0
votes
1 answer

How can I generate a class multiple times for a list of mixins?

I'm one of the developers on this project, our SASS was delivered by a designer. I only know the basics of SASS, so I'm not sure if this is possible. I have a class that I want to generate multiple times, and the class name should change depending…
user247702
  • 23,641
  • 15
  • 110
  • 157
0
votes
1 answer

SASS compass compiler choking on multiple assignment @each loop

The following is an example from the SASS documentation: @each $animal, $color, $cursor in (puma, black, default), (sea-slug, blue, pointer), (egret, white, move) { .#{$animal}-icon { background-image: url('/images/#{$animal}.png'); …
Andrew Aponte
  • 560
  • 4
  • 17
0
votes
2 answers

How can I simplify this SASS statement?

How can I simplify this SASS so that I only write .question-sector-answer the once? I need to apply different styles to the .question-sector-answer if the parent div has a class of both .question-row and .question-review. This currently seems…
Rikkiebags
  • 57
  • 4
1 2 3
…
99
100