Updated the variables to castlecss-core 2.1.0

Author: Darius Rosendahl

scss/variables.scss

@@ -3,35 +3,69 @@
 	EDIT YOUR SITE VARIABLES HERE
 */
 
+/*
+	---------- VARIABLES ----------
+	Castlecss-core variables
+	Do not edit this file!
+	Create a copy and edit or add your own variables there
+	or download the boilerplate for a ready-to-go setup here: https://github.com/CastleCSS/castlecss-boilerplate
+	-------------------------------
+*/
+
 /*
 	Base colors
 	Color 01 and 02 reservered for white and black
 */
 $color03: #eeeeee;
 $color04: #222222;
-$radius: 3px;
 
-/*	Theme colors */
+/*
+	Theme colors
+*/
 $theme01: 	#1B94BF;	// Knight blue
 $theme02: 	#093142; 	// Royal blue
 $theme03:	#12637F;	// Falcon blue
 $theme04:	#FFC200;	// Royal yellow
 $theme05:	#FFFFFF;	// Destroyer white
 
-$alert:		#FFD700;
-$negative:	#FF7878;
-$positive:	#29C85D;
+/*
+	Notification colors
+*/
+$alert:		#c0dbff;
+$warning:	#ffe283;
+$negative:	#feb3b3;
+$positive:	#c3e5cd;
 $disabled:	#CDCDC1;
 
-/* Breakpoints */
+/*
+	Breakpoints
+	You can edit or add breakpoints
+*/
 $b1: 320px;
 $b2: 480px;
 $b3: 768px;
 $b4: 1024px;
 $b5: 1280px;
 $b6: 1600px;
 
-/* Container sizes */
+/*
+	Mapping for breakpoint loops
+	Must be the same amount as breakpoints above
+*/
+$breakpoint-map: (
+	1: $b1,
+	2: $b2,
+	3: $b3,
+	4: $b4,
+	5: $b5,
+	6: $b6,
+);
+$amount-breakpoints: length($breakpoint-map);
+
+/*
+	Container sizes
+	Must be the same amount of breakpoints and $breakpoint-map as above
+*/
 $container: 100%;
 $container-b1: 100%;
 $container-b2: 100%;
@@ -40,8 +74,28 @@ $container-b4: 996px;
 $container-b5: 1224px;
 $container-b6: 1400px;
 
-/* Grid */
+/*
+	Container map
+	Must be the same amount of breakpoints and $breakpoint-map as above
+*/
+$container-map: (
+	1: $container-b1,
+	2: $container-b2,
+	3: $container-b3,
+	4: $container-b4,
+	5: $container-b5,
+	6: $container-b6,
+);
+
+/*
+	Flexbox grid, set to true or false for flexbox
+*/
 $flexbox-grid:	 true;
+
+/*
+	Grid gutters
+	Must be the same amount of breakpoints $breakpoint-map as above
+*/
 $grid-gutter:	 12px;
 $grid-gutter-b1: 12px;
 $grid-gutter-b2: 12px;
@@ -50,16 +104,22 @@ $grid-gutter-b4: 12px;
 $grid-gutter-b5: 12px;
 $grid-gutter-b6: 12px;
 
-/* Default margin, padding, gutter */
+/*
+	Default margin and padding
+*/
+
 $padding-default: 	12px;
 $margin-default: 	12px;
 
-/* Standard border-radius */
-$radius:	5px;
-
-/* Fonts */
-$font-pri: 'Open Sans', Helvetica, Arial;
-$font-sec: 'Open Sans', Helvetica, Arial;
+/*
+	Standard border-radius
+*/
+$radius:	3px;
 
+/*
+	Fonts
+*/
+$font-pri: Arial, Helvetica, sans-serif;
+$font-sec: Arial, Helvetica, sans-serif;
 $font-size-default: 1.6rem;
-$line-height-default: 1.5;
+$line-height-default: 1.5;