Errata for Pragmatic Guide to Sass
We try to keep our books accurate, but sometimes mistakes creep
in. This page lists the errors submitted by our astute readers.
If you've found a new error, please
submit it.
The latest version of the book is P1.0,
released over 1 year ago.
If you've bought a PDF of the book and would like to upgrade
it to this version (for free), visit your
home page.
| PDF |
Paper |
Description |
Found in |
Fixed in |
|
7 |
#48886: Convert a CSS file to a Sass file
should read: sass-convert test.css test.sass
not: sass convert test.css test.sass
Note the hyphen is required in lieu of the space--Graham Stow #48886: Convert a CSS file to a Sass file
should read: sass-convert test.css test.sass
not: sass convert test.css test.sass
Note the hyphen is re ...more... |
P1.0
04-Mar-12
|
|
| 12 |
|
#48566: " Just place your comment between /* and */. These comments can be on multiple lines.
One will only show up in the Sass document, and the other will be incorporated into the CSS that’s compiled."
This doesn't seem to be true, if you are compiling with Scout to compressed output style, no matter if production or deployment has been chosen as environment.--Bernt Carstenschulz #48566: " Just place your comment between /* and */. These comments can be on multiple lines.
One will only show up in the Sass document, and the o ...more... |
P1.0
23-Jan-12
|
|
| 21 |
|
#50222: The SCSS example has one too many } at the end.
so :
color: $primary_color; } } }
should be:
color: $primary_color; } }
--Mike Hostetler
|
P1.0
30-Nov-12
|
|
| 37 |
|
#50579: In the section talking about @extend, the code listed reads
.checkout_button {
@extend .blue_button;
color: darken(#336699, 10%);
}
However, that code, as it stands, produces nigh-unreadable code, and anyone that's blue colorblind can just forget it. I believe the effect he was looking for is better expressed
.checkout_button {
@extend .blue_button;
background-color: darken(#336699, 10%);
}
which should render the proper effect.--Jonathan Sifuentes #50579: In the section talking about @extend, the code listed reads
.checkout_button {
@extend .blue_button;
color: darken(#336699, 10%);
...more... |
P1.0
26-Jan-13
|
|
| 65 |
|
#48345: Last sentence, first paragraph reads:
"If you want to remove only one bullet point, just @includeno-bullet in the class."
Missing the space between "@include" and "no-bullet".--Trevor Bramble #48345: Last sentence, first paragraph reads:
"If you want to remove only one bullet point, just @includeno-bullet in the class."
Missing the sp ...more... |
B4.0
17-Dec-11
|
|
| 76 |
|
#47456: I am relatively new to CSS/Sass/Compass/Sprites. I have been having a tough time getting the Sprites thing to work. It would be great if there is a bit more detail available as to how to set up the project (e.g. there should be an images folder, inside which the icon folder should go, and so on). Also, if there are any other pre-requisites, it would be useful to have them listed out as well.
I am on:
Sass 3.1.5 (Brainy Betty)
Haml 3.1.2 (Separated Sally)
Compass 0.11.5 (Antares)
***
My code in the sass file is:
@import compass
//@import icon/*.png
@import sprites/icon
+all-icon-sprites
I tried setting up the images/icon/*.png, then tried with the commented line above, and since it didn't work, switched to trying out "compass sprite" command, and tried with the above version. [That command didn't create anything other than the file sass/sprites/_icon.scss].
***
The error messages I get are (at different times, when I tried the aforementioned things):
error sass/spritest.sass (Line 18: Invalid CSS after "...$icon-clean-up,": expected function argument, was ");")
NoMethodError on line ["24"] of /home/proto/.rvm/gems/ruby-1.9.2-p180@rails3/gems/chunky_png-1.2.1/lib/chunky_png/chunk.rb: undefined method `unpack' for nil:NilClass
***
Since it is quite possible that others too might face this issue, would be great if you can provide a bit more details (and gotchas). Thanks!--Suresh Iyer #47456: I am relatively new to CSS/Sass/Compass/Sprites. I have been having a tough time getting the Sprites thing to work. It would be great if there ...more... |
B1.0
26-Aug-11
|
|
| 88 |
|
#48983: In the second paragraph, @includeellipsis is missing a space after @include. - RR
|
P1.0
25-Mar-12
|
|
| 106 |
|
#48984: First paragraph: |product|variable is missing a space. - RR
|
P1.0
25-Mar-12
|
|
