/**/ | /*!	z wykrzyknikiem zostanie w pliku css.
$element-width = $width + $padding * 2	operacje matematyczne
$jakisStyl: #ff2315;	style globalne
$xD: red !global	zmienia na styl globalny
header, footer {...}	dla 2 klass
div > p {}	kilka razy div >
div + p	<div></div> paragraf ZA elementem div
div ~ p	bracia paragrafy
a { &.link }	a.link
a { .link & }	.link a
a[href^="mailto"]	a z href zaczynającym się na: mailto
[326] background-color: saturate($basic-color, 30%);	Zwieksza poziom nasycenia kolorow
[326] background-color: lighten($basic-color, 30%);	Rozjasnia kolor
[326] background-color: darken($basic-color, 30%);	Przyciemnia kolor
[326] background-color: mix($basic-color, #ffff00)	Łączy kolory
@mixin round-corners(argument) { ... } | button { @include round-corners(x); }	domieszki, czyli uzywanie wielokrotnie @mixin | mozna zastosowac argument
round-corners($font-size: 14rem)	wartosc domyslna: 14rem
@extend	dziedziczy selektory | Dane mozna modyfikowac
#{$prop}:	interpolacja, czyli pobranie nazwy np: $prop: background-image;
@if($theme == dark) {...} @else {...}	warunek IF
@for $i from 1 through 6 {h#{$i}{}}	Petla FOR