Sass
Sass is a stylesheet language and preprocessor that extends CSS with features such as variables, nesting, functions, and mixins, compiling into CSS.
Tiny CSS Projects
Sass is a stylesheet preprocessor language that adds authoring features beyond standard CSS.
- How it is used
- Uses Sass to style a how-to article while introducing preprocessor features and the required CSS build step.
- How deep it goes
- Explains syntax and setup through a project, surveys several features, and stops short of comprehensive Sass coverage.
- Examples
- Uses a how-to article, paired syntax listings, starting SCSS, and its compiled CSS output.
- What you can do after
- Operate/configure it through CodePen or a local watcher, then inspect the CSS generated from SCSS.
Pro Angular 16
SCSS is a CSS-compatible stylesheet syntax that supports Sass features such as variables, functions, and nesting.
- How it is used
- Styles custom Angular components while reusing component-library themes and reducing duplicated CSS.
- How deep it goes
- Explains compilation, variables, functions, @use, palettes, typography, nesting, and loops, but defers comprehensive Sass language coverage.
- Examples
- Uses a themed custom button with generated primary, accent, warning, typography, and disabled-state selectors.
- What you can do after
- Apply it via Angular build tools to generate themed custom-component CSS from SCSS.
Related concepts
- CSSproduces · CSS, or Cascading Style Sheets, is a stylesheet language for specifying the presentation and layout of structured documents and user interfaces.
- CSS preprocessorkind of · A CSS preprocessor is a source-to-source tool that transforms an extended stylesheet language into standard CSS.
- CSS nestinguses · CSS nesting is a stylesheet feature that allows rules to contain nested selectors and declarations expressing hierarchical or related selector structures.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.