Compass is a charityware authoring framework. It uses the SASS stylesheet language to create clean and reusable CSS3 code.
Questions tagged [compass]
720 questions
7
votes
5 answers
compass compile: Invalid CSS after "...lor}: #{$value}": expected "{", was ";")
I am trying to handpick the parts of a certain theme/plugin we want to use in our site by tinkering with the source SCSS files. The theme in question is Vali Admin.
I haven't used SASS or LESS in ages. Not familiar with compiling them at all. I just…
dabadaba
- 9,064
- 21
- 85
- 155
7
votes
0 answers
Skip watching images in compass
I'm using compass watch and Chrome resource mapping to modify my .scss in the chrome browser, and it's working well.
However, everything time I save an .scss file, compass checks every sprite in its configuration, which takes about three seconds,…
dwjohnston
- 11,163
- 32
- 99
- 194
7
votes
1 answer
Sencha build due to sass target
I am trying to build a Sencha app but I am getting the following errors:
[ERR] The following error occurred while executing this line:
/Users/conor/Repositories/POS/pos/.sencha/app/build-impl.xml:286:
The following error occurred while executing…
jim
- 8,670
- 15
- 78
- 149
7
votes
1 answer
How to pass a mixin as a parameter of another mixin in SASS
I have a mixin that converts px to rem PX TO REM, I have this code:
.button {
@include rem(font-size, 24px);
@include rem(padding, 10px);
@include rem(border-radius, 5px);
}
This would produce this CSS:
…
freeman76
- 143
- 1
- 5
7
votes
3 answers
Shows Error - failed to extend when a class is extended in SASS
.class{
color:#333;
}
.ex-class{
@extend .class;
}
Shows error:
".ex-class" failed to extend ".class"
The selector ".class" was not found.
This will be an error in future releases of Sass
Use "@extend .class !optional" if the extend…
asp
- 743
- 2
- 9
- 29
6
votes
2 answers
Compass provision failing with Docker compose up
The error output in console:
/var/lib/gems/2.1.0/gems/compass-core- 1.0.3/lib/compass/core/sass_extensions/functions/urls.rb:5:in `has?'
build-server_1 | [10:22:15] : undefined method `has?' for Sass::Util:Module…
sledgeweight
- 7,685
- 5
- 31
- 45
6
votes
1 answer
Point to location using compass Swift
I am developing a compass that can point from my current location to other location of the object. Currently I am following this link: Point to location using compass
I feel that pointing between my current location to the object isn't correct.
Can…
Enter Echhean
- 67
- 8
6
votes
2 answers
How to handle responsive images with vertical rhythm?
I'm developing an HTML page using Compass/SCSS and a vertical rhythm approach. I've set up a baseline and specified heights for paragraphs and headings in rem units. It works great and lays on a vertical rhythm grid nicely. However, I have a central…
Slava Fomin II
- 26,865
- 29
- 124
- 202
6
votes
6 answers
Sass / Compass Font Awesome issues (displaying odd glyphs instead of icons?)
Sass 3.4.9
Compass 1.0.1
Font Awesome 4.2
I'm compiling Font Awesome 4.2 (as Sass) with Compass. Instead of intended icons, I get random glpyhs. I'm new to Sass/Compass. This is also my first post ever on StackOverflow (so cool, but I hope I'm…
JFT Mike
- 121
- 1
- 5
6
votes
2 answers
Individual stylesheets must be in the sass directory
I am trying to setup symfony2 to compile sass files.
However every time i run php app/console assetic:dump i get the following error:
Individual stylesheets must be in the sass directory.
This is what my main.scss looks like:
@import…
Maxim
- 3,836
- 6
- 42
- 64
6
votes
4 answers
Sass variable declaration precedence
I am declaring variable of same name in two files. I import them in a following order and found a conflict.
Modal.scss
$gray : #e1e1e1; // Imported first
Variable.scss
$gray : #999; // imported later
The expected behaviour is that the…
Alpesh Prajapati
- 1,593
- 2
- 18
- 38
6
votes
2 answers
Ruby Compass Compiler not working, error on line [54]
Ruby Compass not working, code is bellow, and I've tried 10-20 methods on the web, any suggestions ?
In the screenshot you'll find an easier way to read the terminal dump of my gems and the error, in case you want to take something from there,…
Robert
- 237
- 3
- 9
6
votes
3 answers
How to run compass compile without file or line reference?
How can I suppress file or line reference such as the commented output line below when running compass compile and possibly keep --output-style expanded by default?
/* line 85, ../../../app/stylesheets/simpla/style.sass */
.align-right {
float:…
konyak
- 10,818
- 4
- 59
- 65
5
votes
3 answers
"Operation passed in cannot be an array" compass error - but JSON isn't an array
Trying to import simple data (see below), gets me an error "Operation passed in cannot be an array" in Compass 1.29.6
This error makes no sense to me, as the outer object is not an array. Sure, the first object contains an array, but how is this not…
PandaWood
- 8,086
- 9
- 49
- 54
5
votes
3 answers
Import css3/compass from Angular Typescript
I tried to use compass from an Angular application written in TypeScript (not Javascript), but when I write the next line:
// general.scss
@import 'compass/css3';
I get the following error:
@import 'compass/css3';
^
File to import not found…
Cequiel
- 3,505
- 6
- 27
- 44