Restructure Sass files and folders for proper application Sass development

UI/Templates/UIxPageFrame.wox

@@ -26,7 +26,7 @@
 	<link type="text/css" rel="stylesheet" rsrc:href="css/icons.css"/>
 	<link type="text/css" rel="stylesheet" rsrc:href="css/angular-material.css"/>
 	  <link type="text/css" rel="stylesheet" rsrc:href="css/themes/grey-theme.css"/>
-	  <link type="text/css" rel="stylesheet" rsrc:href="css/components.css"/>
+	  <link type="text/css" rel="stylesheet" rsrc:href="css/styles.css"/>
 	<var:if condition="hasPageSpecificCSS"
 	  ><link type="text/css" rel="stylesheet" var:href="pageCSSURL"
 	    /></var:if>

UI/WebServerResources/bower.json

@@ -11,6 +11,7 @@
     "angular-file-upload": "~1",
     "angular-material": "~0.7.0",
     "ng-tags-input": "~2",
+    "compass-mixins": "~0.12.3",
     "foundation": ">5.3",
     "ionic": "1.0.0-beta.14",
     "underscore": "~1"

UI/WebServerResources/css/components.css.map

@@ -1,7 +0,0 @@
-{
-"version": 3,
-"mappings": ";;;;;;;;AAaQ,sBAAW;AAIX,8BAAmB;ACC3B;;OAEQ;EACN,UAAU,EAAE,UAAU;;AAGxB,MAAO;EACL,OAAO,EAAE,IAAI;;AAGf,UAAW;EACT,MAAM,EAAE,IAAI;EACZ,KAAK,ECxBoB,mBAAkC;EDyB3D,UAAU,ECdY,OAA0C;EDgBhE,2BAA2B,EAAE,WAAa;EAC1C,qBAAqB,EAAE,IAAI;EAC3B,wBAAwB,EAAE,IAAI;EAC9B,sBAAsB,EAAE,WAAW;EACnC,cAAc,EAAE,kBAAkB;EAElC,cAAE;IACA,WAAW,EAAE,KAAK;EAGpB,gBAAG;IACD,OAAO,EAAE,KAAK;IE3ChB,qBAAqB,EADS,GAAG;IAEjC,oBAAoB,EAFsB,GAAG;IAG7C,oBAAoB,EAHkC,GAAG;IAIzD,kBAAkB,EAJ8C,GAAG;IF8CjE,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,IAAI;;AAIrB;;;;KAIM;EACJ,WAAW,ECvDC,iDAAW;;AD0DzB,IAAK;EACH,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,IAAI;;AAGf,MAAO;EACL,OAAO,EAAE,IAAI;;AAGf,MAAO;EACL,WAAW,ECrEC,iDAAW;;ADwEzB,CAAE;EACA,UAAU,EAAE,WAAW;EACvB,OAAO,EAAE,IAAI;;AAGf,EAAG;EACD,SAAS,EA/ES,GAAG;EAgFrB,MAAM,EA/ES,QAAS;;AAiF1B,EAAG;EACD,SAAS,EAhFS,KAAK;EAiFvB,MAAM,EAhFS,QAAS;;AAkF1B,EAAG;EACD,SAAS,EAjFS,MAAM;EAkFxB,MAAM,EAjFS,KAAM;;AAmFvB,EAAG;EACD,SAAS,EAlFS,GAAG;EAmFrB,MAAM,EAlFS,QAAS;;AAoF1B,EAAG;EACD,SAAS,EAnFS,MAAM;EAoFxB,MAAM,EAnFS,QAAS;;AAqF1B,EAAG;EACD,SAAS,EApFS,MAAM;EAqFxB,MAAM,EApFS,QAAS;;AAuF1B;;;KAGM;EACJ,MAAM,EAAE,CAAC;EACT,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,OAAO;EACpB,cAAc,EAAE,QAAQ;;AAI1B;;;MAGO;EACL,MAAM,EAAE,OAAO;EACf,kBAAkB,EAAE,MAAM;EAE1B;;;kBAAY;IACV,MAAM,EAAE,OAAO;;AAInB,QAAS;EACP,cAAc,EAAE,GAAG;EACnB,QAAQ,EAAE,IAAI;;AAId,2CACmB;EACjB,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;AAGxB,oBAAiB;EACf,kBAAkB,EAAE,SAAS;EAC7B,UAAU,EAAE,WAAW;EACvB,kBAAkB,EAAE,WAAW;EAE/B,mGACgC;IAC9B,kBAAkB,EAAE,IAAI;;AAK9B,UAAW;EACT,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,CAAC;EACR,aAAa,EAAE,OAAO;EACtB,cAAc,EAAE,IAAI;;AAGtB,qBAAsB;EACpB,UAAU,EAAE,+BAA+B;;AAE7C,qBAAsB;EACpB,UAAU,EAAE,8BAA8B;;AAG5C,6BAA8B;EAC5B,UAAU,EAAE,6CAA6C;;;;;;AAO3D,oBAAqB;EACnB,cAAc,EAAE,IAAI;EACpB,QAAQ,EAAE,QAAQ;EAClB,QAAQ,EAAE,MAAM;EAChB,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,0CAAyC;;AAGvD,UAAW;EACT,QAAQ,EAAE,QAAQ;EAClB,SAAS,EAAE,QAAQ;EACnB,gBAAgB,EAAE,OAAO;EACzB,OAAO,EAAE,CAAC;EACV,aAAa,EAAE,GAAG;EAClB,2BAAmB;IACjB,UAAU,EAAE,kXAAyC;EASvD,2BAAmB;IACjB,SAAS,EAAE,QAAQ;EAErB,oFAA0D;IACxD,OAAO,EAAE,IAAI;;AAMb,wCAAW;EACT,UAAU,EAAE,WAAW;EACvB,gBAAgB,EAAE,sBAAsB;EACxC,YAAY,EAAE,CAAC;EACf,YAAY,EAAE,KAAK;EACnB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,eAAe;EAG1B,8KAA0D;IACxD,OAAO,EAAE,IAAI;;AAoBrB,4BAA6B;EAc3B,gBAAgB,EAAE,uiMAA+C;EACjE,OAAO,EAAE,IAAI;;;;;;;;AGtPf,QAAS;EACP,UAAU,EAAE,UAAU;EACtB,OAAO,EAAE,IAAI;;AAGf,eAAgB;EACd,cAAc,EAAE,MAAM;;AAGxB,YAAa;EACX,cAAc,EAAE,GAAG;;AAGrB;yBAC0B;EACxB,OAAO,EAAE,GAAwB;;AAEnC;wBACyB;EACvB,MAAM,EAAE,GAAwB;;AAGlC,aAAc;EACZ,SAAS,EAAE,IAAI;;AAGjB,aAAc;EACZ,MAAM,EAAE,CAAC;EACT,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;;AAEb,2BAOC;EANC,aAAc;IACZ,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,MAAM,EAAE,OAAO;AAuBjB,MAAe;EACb,IAAI,EAAE,CAAC;;AAMP,UAA6B;EAC3B,IAAI,EAAE,MAAmB;;AAE3B,2BAA8C;EAC5C,SAAS,EAAE,EAAe;;AAE5B,8BAAiD;EAC/C,UAAU,EAAE,EAAe;;AAP7B,UAA6B;EAC3B,IAAI,EAAE,MAAmB;;AAE3B,2BAA8C;EAC5C,SAAS,EAAE,EAAe;;AAE5B,8BAAiD;EAC/C,UAAU,EAAE,EAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,WAA6B;EAC3B,IAAI,EAAE,OAAmB;;AAE3B,4BAA8C;EAC5C,SAAS,EAAE,GAAe;;AAE5B,+BAAiD;EAC/C,UAAU,EAAE,GAAe;;AAP7B,YAA6B;EAC3B,IAAI,EAAE,QAAmB;;AAE3B,6BAA8C;EAC5C,SAAS,EAAE,IAAe;;AAE5B,gCALine truncated
-"sources": ["../scss/components.scss","../angular-material/src/core/style/structure.scss","../angular-material/src/core/style/variables.scss","../angular-material/src/core/style/mixins.scss","../angular-material/src/core/style/layout.scss","../scss/vendors/angular-material/core/style/structure.scss","../scss/vendors/angular-material/core/style/variables.scss","../scss/vendors/angular-material/core/style/mixins.scss","../scss/vendors/angular-material/core/style/layout.scss","../scss/vendors/angular-material/components/list/list.scss","../scss/vendors/angular-material/components/divider/divider.scss","../scss/vendors/angular-material/components/toolbar/toolbar.scss"],
-"names": [],
-"file": "components.css"
-}

UI/WebServerResources/scss/_shame.scss

@@ -0,0 +1,15 @@
+/**
+ *
+ * This is the shame file (http://csswizardry.com/2013/04/shame-css/)
+ * RULES
+ * 1. If it’s a hack, it goes in shame.css.
+ * 2. Document all hacks fully:
+ *    1. What part of the codebase does it relate to?
+ *    2. Why was this needed?
+ *    3. How does this fix it?
+ *    4. How might you fix it properly, given more time?
+ *    3. Do not blame the developer; if they explained why they had to do it
+ *       then their reasons are probably (hopefully) valid.
+ * 4. Try and clean shame.css up when you have some down time.
+ *    Even better, get a tech-debt story in which you can dedicate actual sprint time to it.
+*/

UI/WebServerResources/scss/core/variables.scss

@@ -1,3 +1,13 @@
+
+// todo : implement path variables for seamless imports
+// Ex. $css-path: '../css/
+// functions can provides aliases to
+
+// palettes import -
+// ------------------------------------------------------------------------------
+// fixme : consolidate all settings and imports in a decent 'settings' file
+@import '../themes/color-palette'; // fixme : clarify if it is deeded or assure by javascript
+
 // Font Variables
 $font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif !default;
 $font-family: Ubuntu, 'Helvetica Neue', sans-serif; //override

UI/WebServerResources/scss/styles.scss

@@ -10,16 +10,16 @@
 
 // Compass import - comment-out if needed
 // ------------------------------------------------------------------------------
-/@import '../bower_components/compass-mixins/lib/_compass.scss';
+@import '../bower_components/compass-mixins/lib/_compass.scss';
 
 // Browser reset - most effective for applications. Generated by Compass in a non-regular way
 // ------------------------------------------------------------------------------
-@import 'reset.css';
+@import 'core/reset';
 
 
 // Fonts
 // ------------------------------------------------------------------------------
-@import 'core/ubuntu'; // Actually this is a symLink to 'css/ubuntu.css'
+@import '../fonts/ubuntu'; // Actually this is a symLink to 'css/ubuntu.css'
 
 // CORE elements
 // ------------------------------------------------------------------------------
@@ -28,7 +28,6 @@
 /* Local overrides from angular-material src */
 // fixme : refactor all this to meet our practices
 // ------------------------------------------------------------------------------
-@import 'core/color-palette';
 @import 'core/mixins';
 @import 'core/structure';
 @import 'core/layout';
@@ -42,6 +41,9 @@
 // @import '../angular-material/src/core/style/color-palette.scss';
 
 // COMPONENTS
+// todo : configure manual and glob imports
+
+
 /* Angular-material components local overrides */
 @import 'components/list/list.scss';
 @import 'components/divider/divider.scss';

UI/WebServerResources/scss/views/_view.scss

@@ -0,0 +1 @@
+// for future use