Sass and Compass in Action

238 Pages·2013·6.94 MB·English

IN ACTION
Wynn Netherland
Nathan Weizenbaum
Chris Eppstein
Brandon Mathis
M A N N I N G
Sass and Compass in Action
Download from Wow! eBook <www.wowebook.com>
Download from Wow! eBook <www.wowebook.com>
Sass and Compass
in Action
WYNN NETHERLAND
NATHAN WEIZENBAUM
CHRIS EPPSTEIN
BRANDON MATHIS
MANNING
SHELTER ISLAND
Download from Wow! eBook <www.wowebook.com>
For online information and ordering of this and other Manning books, please visit
www.manning.com. The publisher offers discounts on this book when ordered in quantity.
For more information, please contact
Special Sales Department
Manning Publications Co.
20 Baldwin Road
PO Box 261
Shelter Island, NY 11964
Email: [email protected]
©2013 by Manning Publications Co. All rights reserved.
No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in
any form or by means electronic, mechanical, photocopying, or otherwise, without prior written
permission of the publisher.
Many of the designations used by manufacturers and sellers to distinguish their products are
claimed as trademarks. Where those designations appear in the book, and Manning
Publications was aware of a trademark claim, the designations have been printed in initial caps
or all caps.
Recognizing the importance of preserving what has been written, it is Manning’s policy to have
the books we publish printed on acid-free paper, and we exert our best efforts to that end.
Recognizing also our responsibility to conserve the resources of our planet, Manning books
are printed on paper that is at least 15 percent recycled and processed without the use of
elemental chlorine.
Manning Publications Co. Development editor: Scott Stirling
20 Baldwin Road Technical proofreader: Matt Martini
PO Box 261 Copyeditor: Andy Carroll
Shelter Island, NY 11964 Proofreader: Katie Tennant
Typesetter: Dottie Marsico
Cover designer: Marija Tudor
ISBN 9781617290145
Printed in the United States of America
1 2 3 4 5 6 7 8 9 10 – MAL – 18 17 16 15 14 13
Download from Wow! eBook <www.wowebook.com>
To those who craft the web
and delight in the work of their hands
Download from Wow! eBook <www.wowebook.com>
Download from Wow! eBook <www.wowebook.com>
brief contents
PART 1 GETTING ACQUAINTED WITH SASS AND COMPASS. ........ 1
1 ■ Sass and Compass make stylesheets fun again 3
2 ■ Basic Sass syntax 25
PART 2 USING SASS AND COMPASS IN PRACTICE...................... 47
3 ■ CSS grids without the math 49
4 ■ Eliminate the mundane using Compass 73
5 ■ CSS3 with Compass 88
PART 3 TUNING FOR PRODUCTION....................................... 105
6 ■ Spriting 107
7 ■ From prototype to production 124
8 ■ High-performance stylesheets 138
PART 4 ADVANCED SASS AND COMPASS................................. 151
9 ■ Scripting with Sass 153
10 ■ Creating and sharing a Compass extension 170
vii
Download from Wow! eBook <www.wowebook.com>
Download from Wow! eBook <www.wowebook.com>
contents
preface xv
acknowledgments xvi
about this book xvii
about the authors xix
about the cover illustration xx
PART 1 GETTING ACQUAINTED
WITH SASS AND COMPASS.................................. 1
1 Sass and Compass make stylesheets fun again 3
1.1 Getting started with Sass 4
From CSS to Sass 5 ■ Think dynamic 5 ■ Don’t Repeat
Yourself 6
1.2 Hello Sass: DRYing up your stylesheets 6
Reuse property values with variables 6 ■ Write long selectors more
quickly with nesting 7 ■ Reuse chunks of style with mixins 8
Avoid property duplication with selector inheritance 10
1.3 What is Compass? 12
The Compass library 13 ■ Simple stylesheet projects 13
Community ecosystem 14
ix
Download from Wow! eBook <www.wowebook.com>