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

Loop over files in a directory

I'm trying to loop over files in a directory with scss. Is there a way to provide a directory, like /icons/*.png and then loop over each one, getting the name of the file?
wesbos
  • 25,839
  • 30
  • 106
  • 143
0
votes
2 answers

Running `grunt serve` ignores sass import

Background information: I am currently exploring using Yeoman to generate a Jekyll site using generator-jekyllrb. I am using Grunt to help pull everything together. The documentation for generator-jekyllrb contains more information about my base…
Michael0x2a
  • 58,192
  • 30
  • 175
  • 224
0
votes
3 answers

Updating Ruby gems after updating Ruby 1.8.3 to 2.0.0

I recently used RVM to update Ruby from 1.8.3 to 2.0.0. The update was successful, and I'm able to run 2.0.0 in the command line just fine. The problem is, I went to work on a project that uses the Compass/Sass gem, and when I tried running the…
Jim
  • 400
  • 4
  • 17
0
votes
1 answer

Generate theme files in SASS / SCSS

I have theme.scss SCSS file which contains something like that // global variables @import "variables"; // SCSS placeholders @import "placeholders"; // basic HTML styles - links etc. @import "basic"; // default layout styles @import…
Martin Pešout
  • 47
  • 1
  • 7
0
votes
1 answer

Compile importing file when file being imported changes?

So if I have an aggregate file with imports in it: @import "global" @import "menus" @import "datepicker" @import "index" @import "drawers" Is there a way to have that file compile when any of the things it is importing change?
Joren
  • 9,623
  • 19
  • 63
  • 104
0
votes
1 answer

Grunt-contrib-compass: Unclear configuration error while trying to work with 2 projects

I am trying to get use of great David Hererra's advice on how to use grunt-contrib-compass with Wordpress parent and child themes. You can find his tutorial here: https://gist.github.com/dlh01/5726683 But to my question: I have 2 projects (parent…
Petr Cibulka
  • 2,452
  • 4
  • 28
  • 45
0
votes
1 answer

Compass 1.0 doesn't use all prefixes for Flexbox

I use Compass 1.0 and when I do @include display-flex; or any other flex related property I get only display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; etc. No -moz or -o prefixes. Any idea why?
ilyo
  • 35,851
  • 46
  • 106
  • 159
0
votes
1 answer

what does compass:server mean in grunt?

I encountered this snippet of code, can someone explain what does compass:server mean? compass: { files: ['<%= config.src %>/styles/{,*/}*.{scss,sass}'], tasks: ['compass:server', 'autoprefixer'] },
Blake
  • 7,367
  • 19
  • 54
  • 80
0
votes
1 answer

bootstrap-sass 3.2 compass watch doesn't compile

I have the following gems installed (on windows): sass 3.3.8 (maptastic maple) compass 1.0.0. alpha.19 bootstrap-sass- 3.2.0.0 When I run this command: compass create my-new-project -r bootstrap-sass --using bootstrap The folder with my project…
bullettrain
  • 958
  • 1
  • 9
  • 17
0
votes
1 answer

bootstrap-sass not working when running rspec

I don't think I'm understanding how the Rails asset pipeline works. I'm building a rails engine that has a dependency on bootstrap-sass in its gemspec: #--------# # Assets # #--------# ##…
typeoneerror
  • 55,990
  • 32
  • 132
  • 223
0
votes
1 answer

Horizontal list menu: Calculated equal % width

I am very new to sass/compass and I am now experimenting with mixins. The example below shows the code for a simple ribbon style horizontal menu which is already inheriting @include horizontal-list mixin, bundled with compass. This static menu has…
MrPaulDriver
  • 243
  • 1
  • 13
0
votes
1 answer

Prevent SASS/Compass From Outputting Partials

I am successfully using Compass to generate a CSS file but it is also outputting my partials to the CSS directory. How can I make it only output the stylesheets that will be used in the page? There's no need to add the partials to the destination…
voidstate
  • 7,937
  • 4
  • 40
  • 52
0
votes
0 answers

compass cannot load such file sass_extemsions.rb

I installed compass via gem install compass C:\Users\XXXXXX\Desktop\project\webfeature>gem install compass Fetching: sass-3.2.19.gem (100%) Successfully installed sass-3.2.19 Fetching: compass-0.12.6.gem (100%) Successfully installed…
user3359433
  • 43
  • 1
  • 7
0
votes
1 answer

Yeoman mobile with twitter bootstrap: glyphicons are missing

I've built application using yo mobile with twitter bootstrap support. However I can't use glyphicons as there is no /styles/vendor/fonts folder created (I know that glyphicons are supposed to be inside /styles/vendor/fonts because I can see in…
Molecular Man
  • 22,277
  • 3
  • 72
  • 89
0
votes
1 answer

How can I correct my compass spritesheet path?

I'm going crazy trying to figure this out. I'm using compass on a Wordpress project, and I have the compass configure.rb file saved in my Wordpress theme root. Here is my configure.rb file: add_import_path…
Hendeca
  • 915
  • 2
  • 15
  • 32
1 2 3
…
99 100