Kristian Poslek SomeKay

I hereby claim:

To claim this, I am signing this object:

	npm install -g angular-cli
	ng new my-angular-application
	cd my-angular-application
	ng serve

	{
	"name": "blog-css-architecture",
	"version": "1.0.0",
	"description": "Main project for the CSS architecture blog",
	"scripts": {
	"build": "node-sass styles.scss styles.css"
	},
	"author": "Kristian Poslek <[email protected]>",
	"license": "MIT",
	"devDependencies": {

	@import "submodules/bootstrap/assets/stylesheets/bootstrap";

	$almostBlack: #333;

	html, body {
	background-color: $almostBlack;
	color: $gray-light;
	}

	// Pull the dependency out into a submodule
	cd submodules/styles
	git submodule add https://github.com/comsysto/blog-css-architecture-css-dependency submodules/bootstrap
	mv bootstrap-sass-master/* submodules/bootstrap
	rm -rf bootstrap-sass-master
	cd submodules/bootstrap
	git add .
	git commit -m "pulled out CSS dependency"
	git push
	// Update your CSS repository with the new reference

	{
	...
	"main": "index.js",
	"scripts": {
	"start": "node server.js",
	"build": "node-sass --include-path styles styles/styles.scss styles/styles.css",
	"getCss": "cp submodules/styles/styles.css styles/styles.css"
	}
	...
	}

	declare var someVariable:any;

	someVariable.doSomething(); // compiler won't make problems here

	cd submodules/styles
	git add .
	git commit -m "pulling out source css"
	git push
	cd ..
	cd ..
	git add .
	git commit -m "pulled out source css"
	git push

	mkdir submodules
	git submodule add https://github.com/comsysto/blog-css-architecture-css-repository submodules/styles
	mv styles/* submodules/styles
	rm styles