معرفی دارت ساس: مقدمه‌ای عملی بر جایگزین ساس، ساخته‌شده بر پایه دارت

Leverage the power of Dart Sass to quickly create valid CSS styles for use within websites. This short project-oriented book simplifies the process of creating and manipulating Sass code in the browser, for websites, or online applications, using little more than a text editor or free software. Designed to be much faster and simpler to use, yet still maintain the same features as past versions of Sass, Dart Sass offers a host of benefits of using it against writing CSS manually. You will be equipped with a starting toolset that you can use to develop future projects, incorporate into your existing workflow and reduce any dependency on graphics applications such as Illustrator for simple projects. Dart Sass is a complete rewrite of what many know as Ruby Sass but you don’t have to convert your whole work process immediately to working with Sass. You will learn how to incorporate as little or as much as you need, and how to build on it as your skills develop. We live in an age where speed and simplicity are of the essence – __Introducing Dart Sass__ provides a perfect way to create valid CSS quickly, efficiently, and with the minimum of fuss. **What You Will Learn** * Understand how Sass works and the benefits of using it against writing CSS manually * Create styles quickly and easily, using the power of Sass * Apply styles from pre-built libraries, to help reduce time and effort required * Gain an appreciation of the importance of optimizing content for efficiency * Work through a real-world project example using Sass and third-party Sass-based libraries. **Who This Book Is For** * Website developers who are already familiar with writing CSS and to learn how to leverage Sass to quickly and more efficiently create valid CSS in projects. * Those in agile development teams, where time is of the essence, and the pressure is on to deliver results quickly. * Developers who want to focus on simplicity to produce properly optimized content in modern browsers using tools already in their possession. Table of Contents 5 About the Author 10 About the Technical Reviewer 11 Acknowledgments 12 Introduction 13 Chapter 1: Introducing Sass 14 What Is Sass? 14 Understanding the Advantages of Using Sass 15 The Different Syntaxes of Sass 17 Some Project Housekeeping 18 Setting Up Sass 18 Understanding What Happened 22 Setting Up a Workflow 26 Setting Up a Folder Structure 26 Enabling Source Map Support 27 Automating the Compilation Process 29 Adjusting the Output Format 29 Editing Sass Code 30 Making a Choice 32 Automating the Process 33 Breaking Down Our Process 37 Getting Acquainted with Key Terms 40 Getting Help 43 Summary 46 Chapter 2: Introducing Variables and Mixins 47 Creating Variables in a Practical Context 47 Exploring What Happened 50 Taking Care Over Variable Names 52 Adding Comments 54 Making Use of Standard Mixins 56 Creating Reusable Code 57 Exploring Our Code in Detail 59 Using Prebuilt Mixins 60 Understanding How the Code Works 64 Passing Values to Mixins 65 Dissecting Our Code 68 Working Across Multiple Files 69 Exploring How Our Code Works 72 Summary 74 Chapter 3: Creating Nested Styles 75 Breaking Apart the Concept of Nesting 76 Breaking Apart Our Code 80 Working a More Complex Example 81 Exploring the Pitfalls of Nesting 82 Is Nesting a Bad Thing? 83 Exploring the Benefits of Nesting 84 Referencing Parent Selectors 85 Exploring Our Code in Detail 88 Applying the @extend Directive 88 Working Through an Example 89 A Practical Example 90 Dissecting Our Code in Detail 95 Using Extends or Mixins? 97 Summary 100 Chapter 4: Calculating Values Using Operations 101 Number-Based Operations 101 Operators for String-Based Content 102 Boolean-Based Operators 102 List-Based Operators 103 Putting This Into Practice 104 Understanding What Happened 109 Defining Functions 110 Working with Colors – a Mini Case Study 113 Breaking Apart the Code in Detail 118 Assessing the Benefits from Using this Approach 120 Evaluating Conditions 121 Applying @if and @if(): 121 Understanding What Happened 125 Looping Through Styles 126 Working with @for 126 Understanding How Our Code Works 129 Looping Using @each 130 Dissecting the Demo 133 Looping if a Condition Is True 134 Exploring the Code in Detail 137 Applying Styles to a Property List or Map 138 Breaking Down Our Code 141 Creating Breakpoints Using @media 142 Understanding What Happened 146 Summary 147 Chapter 5: Making the Conversion to Using Sass 148 Simplifying the Process 149 Making a Start on Conversion 154 Using the css2scss Tool – a Postscript 157 Using a Prebuilt Library 158 Exploring Prebuilt Options 159 Assessing the Pitfalls – a Postscript 161 Optimizing the Import Process 164 Understanding the Changes 170 Working Through an Example 172 Exploring the Changes and More in Detail 175 Summary 179 Chapter 6: Introducing Our Project 181 Setting Up Our Initial Cart 182 Understanding What Has Happened 184 Preparing Our Style Sheet 185 Assigning Our Variables 187 Understanding the Imported Code in Detail 189 Setting Up the Main Style Sheet 191 Breaking Apart the Code 201 Tying It All Together 202 Compiling Our Code 203 The Final Result 204 Future Changes 206 Summary 208 Appendix: Adding Sass to Your Path 209 Windows 209 Mac OS X 210 Linux 210 Index 212 Front Matter ....Pages i-xvii Introducing Sass (Alex Libby)....Pages 1-33 Introducing Variables and Mixins (Alex Libby)....Pages 35-62 Creating Nested Styles (Alex Libby)....Pages 63-88 Calculating Values Using Operations (Alex Libby)....Pages 89-135 Making the Conversion to Using Sass (Alex Libby)....Pages 137-169 Introducing Our Project (Alex Libby)....Pages 171-198 Back Matter ....Pages 199-206