Angular Component

variables

$red: #ff0000;

Example variable for color red

Color

$green: #00ff00;

Example variable for color green

Color

$blue: #0000ff;

Example variable for color blue

Color

@css pastac-example-component() { ... }

@css .red() { ... }

@mixin size($width, $height: $width) { ... }

Example mixin to size elements in a single line. This mixin is essentially a short hand to define both width and height simultaneously.

parameterName	parameterDescription	parameterType	parameterDefault value
`$width`	Element's width	`Length`	—none
`$height`	Element's height	`Length`	`$width`

width and height

Sizing .foo

.foo {
  @include size(100%, 3em);
}