LinkedSass project

This project is the minimum skeleton necessary to advance Xamarin CSS development in sass format.

0. Verification environment

platform	version
OS	Mac OS 10.13.4
VisualStudio	VS for Mac 7.5.1
Node.js	v5.10.0

1. Settings

yarn install

$ cd LinkedSass/assets
$ yarn install

VS Custom Command Setting

2. Create CSS

you can use Scss for your Xamarin project.

before.scss

.l-body {
	background-color: #c0c0c0;
	font-size: 14;
	.text-main{
		color: red;
	}
}


[base]contentpage {
	background-color: blue;
	padding: 20;
}

style.css

.l-body {
  background-color: #c0c0c0;
  font-size: 14;
}

.l-body .text-main {
  color: red;
}

^contentpage {
  background-color: blue;
  padding: 20;
}

3. Why use "[base]"

This is the reason.