Rename to more meaningful name directories

Change-Id: Ib3990308c1f2358b3e330cd0068719098c4dab56
Signed-off-by: Romain Forlot <romain.forlot@iot.bzh>

6 files changed, 0 insertions, 1338 deletions

diff --git a/examples/html5/app/Frontend/styles/README.md b/examples/html5/app/Frontend/styles/README.md
deleted file mode 100644
index dc50ced..0000000
--- a/examples/html5/app/Frontend/styles/README.md
+++ /dev/null
@@ -1,28 +0,0 @@
-WARNING note about global style dir
--------------------------------------
-
- - styles placed in Frontend/styles is global and will be posted in dist.prod/styles
- - styles defined within widget or page directory will be place in dist.prof/opa/styles
-
-This model allows to share global styles by multiple applications.
-
-To change this behaviour just rename styles directory on something else [eg: appstyles]
-
-
-    |---- /Frontend
-    |     |
-    |     |---- /styles
-    |     |     |
-    |     |     |---- _settings.scss
-    |     |     |---- app.scss
-    |     |
-    |     |---- /Widgets
-    |     |     |
-    |     |     |--- widget.js
-    |     |     |--- widget.sccs
-    |     |
-    |     |-----/Pages
-    |           |--- page-partial.html
-    |           |--- page-cntrl.js
-    |           |--- page-style.scss 
-    |
diff --git a/examples/html5/app/Frontend/styles/app/_ibz-mixins.scss b/examples/html5/app/Frontend/styles/app/_ibz-mixins.scss
deleted file mode 100644
index b2fb2ec..0000000
--- a/examples/html5/app/Frontend/styles/app/_ibz-mixins.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-/*
-    Every SCSS files will be injected into main HTML page
-*/
-shadow-transition {
-    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-    border-radius: 5px;
-}
-
-@mixin ibz-box-content {
-    border: 2px solid gainsboro !important;
-    border-radius: 5px;
-    
-    margin-left: auto;
-    margin-right: auto;
-    min-width: 98% !important; 
-    margin: .5rem .5rem .5rem .5rem;
-    background: rgba(200,205,200,.3);
-}
-
-@mixin ibz-button ($color, $size:2rem) {
-    display: inline-block;
-    border: 1px solid darken($color,10%);
-    box-shadow: 2px 2px 1px adjust-hue($color,20deg);
-    color: $color;
-    border-radius: 5px;
-    font-style: italic;
-    padding: 0rem .5rem 0rem .5rem;
-    margin:.5rem;
-    background: lighten(#9494b7, 20%);
-    i {
-        padding-right: 0.3rem;
-        font-size: $size;
-    }
-    span {font-size: 1rem}
-    
-    &:hover {
-      background: lighten($color, 45%);
-      border: 2px solid darken($color,20%);
-      
-    }
-}
-
-@mixin ibz-input-alert ($color, $background) {
-    position  :fixed;
-    margin: -2.2rem 0 0 15rem;
-    border-radius: 5px;
-    font-style: italic;
-    border-color: darken($background,10%);
-    color: $color;
-    background-color: $background !important;
-    padding: 0.2rem !important;
-}
diff --git a/examples/html5/app/Frontend/styles/app/ibz-global.scss b/examples/html5/app/Frontend/styles/app/ibz-global.scss
deleted file mode 100644
index 1f5017e..0000000
--- a/examples/html5/app/Frontend/styles/app/ibz-global.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
-Copyright (C) 2015 "IoT.bzh"
-Author "Fulup Ar Foll"
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-@import "app/ibz-mixins";
-
-submit-button {
-    float: right;
-    @include ibz-button(grey);
-}
-
-zf-modal {
-  background-color: rgba(180,180,180,.5);
-}
-
-.box-content {
-     @include ibz-box-content;
-
-    .box-title {
-        display: block;
-        font-size: 1.3rem;
-    }
-}
-
-// Change Notifications default size
-.ui-notification {
-    width: auto;
-    border-radius: 5px;
-}
\ No newline at end of file
diff --git a/examples/html5/app/Frontend/styles/foundation/_foundation-icons.scss b/examples/html5/app/Frontend/styles/foundation/_foundation-icons.scss
deleted file mode 100644
index d401f3c..0000000
--- a/examples/html5/app/Frontend/styles/foundation/_foundation-icons.scss
+++ /dev/null
@@ -1,591 +0,0 @@
-/* 
- * Foundation Icons v 3.0
- * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
- * MIT License
- */
-
-@font-face {
-  font-family: "foundation-icons";
-  src: url("/bower_components/foundation-icons.woff") format("woff");
-  font-weight: normal;
-  font-style: normal;
-}
-
-
-.fi-address-book:before,
-.fi-alert:before,
-.fi-align-center:before,
-.fi-align-justify:before,
-.fi-align-left:before,
-.fi-align-right:before,
-.fi-anchor:before,
-.fi-annotate:before,
-.fi-archive:before,
-.fi-arrow-down:before,
-.fi-arrow-left:before,
-.fi-arrow-right:before,
-.fi-arrow-up:before,
-.fi-arrows-compress:before,
-.fi-arrows-expand:before,
-.fi-arrows-in:before,
-.fi-arrows-out:before,
-.fi-asl:before,
-.fi-asterisk:before,
-.fi-at-sign:before,
-.fi-background-color:before,
-.fi-battery-empty:before,
-.fi-battery-full:before,
-.fi-battery-half:before,
-.fi-bitcoin-circle:before,
-.fi-bitcoin:before,
-.fi-blind:before,
-.fi-bluetooth:before,
-.fi-bold:before,
-.fi-book-bookmark:before,
-.fi-book:before,
-.fi-bookmark:before,
-.fi-braille:before,
-.fi-burst-new:before,
-.fi-burst-sale:before,
-.fi-burst:before,
-.fi-calendar:before,
-.fi-camera:before,
-.fi-check:before,
-.fi-checkbox:before,
-.fi-clipboard-notes:before,
-.fi-clipboard-pencil:before,
-.fi-clipboard:before,
-.fi-clock:before,
-.fi-closed-caption:before,
-.fi-cloud:before,
-.fi-comment-minus:before,
-.fi-comment-quotes:before,
-.fi-comment-video:before,
-.fi-comment:before,
-.fi-comments:before,
-.fi-compass:before,
-.fi-contrast:before,
-.fi-credit-card:before,
-.fi-crop:before,
-.fi-crown:before,
-.fi-css3:before,
-.fi-database:before,
-.fi-die-five:before,
-.fi-die-four:before,
-.fi-die-one:before,
-.fi-die-six:before,
-.fi-die-three:before,
-.fi-die-two:before,
-.fi-dislike:before,
-.fi-dollar-bill:before,
-.fi-dollar:before,
-.fi-download:before,
-.fi-eject:before,
-.fi-elevator:before,
-.fi-euro:before,
-.fi-eye:before,
-.fi-fast-forward:before,
-.fi-female-symbol:before,
-.fi-female:before,
-.fi-filter:before,
-.fi-first-aid:before,
-.fi-flag:before,
-.fi-folder-add:before,
-.fi-folder-lock:before,
-.fi-folder:before,
-.fi-foot:before,
-.fi-foundation:before,
-.fi-graph-bar:before,
-.fi-graph-horizontal:before,
-.fi-graph-pie:before,
-.fi-graph-trend:before,
-.fi-guide-dog:before,
-.fi-hearing-aid:before,
-.fi-heart:before,
-.fi-home:before,
-.fi-html5:before,
-.fi-indent-less:before,
-.fi-indent-more:before,
-.fi-info:before,
-.fi-italic:before,
-.fi-key:before,
-.fi-laptop:before,
-.fi-layout:before,
-.fi-lightbulb:before,
-.fi-like:before,
-.fi-link:before,
-.fi-list-bullet:before,
-.fi-list-number:before,
-.fi-list-thumbnails:before,
-.fi-list:before,
-.fi-lock:before,
-.fi-loop:before,
-.fi-magnifying-glass:before,
-.fi-mail:before,
-.fi-male-female:before,
-.fi-male-symbol:before,
-.fi-male:before,
-.fi-map:before,
-.fi-marker:before,
-.fi-megaphone:before,
-.fi-microphone:before,
-.fi-minus-circle:before,
-.fi-minus:before,
-.fi-mobile-signal:before,
-.fi-mobile:before,
-.fi-monitor:before,
-.fi-mountains:before,
-.fi-music:before,
-.fi-next:before,
-.fi-no-dogs:before,
-.fi-no-smoking:before,
-.fi-page-add:before,
-.fi-page-copy:before,
-.fi-page-csv:before,
-.fi-page-delete:before,
-.fi-page-doc:before,
-.fi-page-edit:before,
-.fi-page-export-csv:before,
-.fi-page-export-doc:before,
-.fi-page-export-pdf:before,
-.fi-page-export:before,
-.fi-page-filled:before,
-.fi-page-multiple:before,
-.fi-page-pdf:before,
-.fi-page-remove:before,
-.fi-page-search:before,
-.fi-page:before,
-.fi-paint-bucket:before,
-.fi-paperclip:before,
-.fi-pause:before,
-.fi-paw:before,
-.fi-paypal:before,
-.fi-pencil:before,
-.fi-photo:before,
-.fi-play-circle:before,
-.fi-play-video:before,
-.fi-play:before,
-.fi-plus:before,
-.fi-pound:before,
-.fi-power:before,
-.fi-previous:before,
-.fi-price-tag:before,
-.fi-pricetag-multiple:before,
-.fi-print:before,
-.fi-prohibited:before,
-.fi-projection-screen:before,
-.fi-puzzle:before,
-.fi-quote:before,
-.fi-record:before,
-.fi-refresh:before,
-.fi-results-demographics:before,
-.fi-results:before,
-.fi-rewind-ten:before,
-.fi-rewind:before,
-.fi-rss:before,
-.fi-safety-cone:before,
-.fi-save:before,
-.fi-share:before,
-.fi-sheriff-badge:before,
-.fi-shield:before,
-.fi-shopping-bag:before,
-.fi-shopping-cart:before,
-.fi-shuffle:before,
-.fi-skull:before,
-.fi-social-500px:before,
-.fi-social-adobe:before,
-.fi-social-amazon:before,
-.fi-social-android:before,
-.fi-social-apple:before,
-.fi-social-behance:before,
-.fi-social-bing:before,
-.fi-social-blogger:before,
-.fi-social-delicious:before,
-.fi-social-designer-news:before,
-.fi-social-deviant-art:before,
-.fi-social-digg:before,
-.fi-social-dribbble:before,
-.fi-social-drive:before,
-.fi-social-dropbox:before,
-.fi-social-evernote:before,
-.fi-social-facebook:before,
-.fi-social-flickr:before,
-.fi-social-forrst:before,
-.fi-social-foursquare:before,
-.fi-social-game-center:before,
-.fi-social-github:before,
-.fi-social-google-plus:before,
-.fi-social-hacker-news:before,
-.fi-social-hi5:before,
-.fi-social-instagram:before,
-.fi-social-joomla:before,
-.fi-social-lastfm:before,
-.fi-social-linkedin:before,
-.fi-social-medium:before,
-.fi-social-myspace:before,
-.fi-social-orkut:before,
-.fi-social-path:before,
-.fi-social-picasa:before,
-.fi-social-pinterest:before,
-.fi-social-rdio:before,
-.fi-social-reddit:before,
-.fi-social-skillshare:before,
-.fi-social-skype:before,
-.fi-social-smashing-mag:before,
-.fi-social-snapchat:before,
-.fi-social-spotify:before,
-.fi-social-squidoo:before,
-.fi-social-stack-overflow:before,
-.fi-social-steam:before,
-.fi-social-stumbleupon:before,
-.fi-social-treehouse:before,
-.fi-social-tumblr:before,
-.fi-social-twitter:before,
-.fi-social-vimeo:before,
-.fi-social-windows:before,
-.fi-social-xbox:before,
-.fi-social-yahoo:before,
-.fi-social-yelp:before,
-.fi-social-youtube:before,
-.fi-social-zerply:before,
-.fi-social-zurb:before,
-.fi-sound:before,
-.fi-star:before,
-.fi-stop:before,
-.fi-strikethrough:before,
-.fi-subscript:before,
-.fi-superscript:before,
-.fi-tablet-landscape:before,
-.fi-tablet-portrait:before,
-.fi-target-two:before,
-.fi-target:before,
-.fi-telephone-accessible:before,
-.fi-telephone:before,
-.fi-text-color:before,
-.fi-thumbnails:before,
-.fi-ticket:before,
-.fi-torso-business:before,
-.fi-torso-female:before,
-.fi-torso:before,
-.fi-torsos-all-female:before,
-.fi-torsos-all:before,
-.fi-torsos-female-male:before,
-.fi-torsos-male-female:before,
-.fi-torsos:before,
-.fi-trash:before,
-.fi-trees:before,
-.fi-trophy:before,
-.fi-underline:before,
-.fi-universal-access:before,
-.fi-unlink:before,
-.fi-unlock:before,
-.fi-upload-cloud:before,
-.fi-upload:before,
-.fi-usb:before,
-.fi-video:before,
-.fi-volume-none:before,
-.fi-volume-strike:before,
-.fi-volume:before,
-.fi-web:before,
-.fi-wheelchair:before,
-.fi-widget:before,
-.fi-wrench:before,
-.fi-x-circle:before,
-.fi-x:before,
-.fi-yen:before,
-.fi-zoom-in:before,
-.fi-zoom-out:before {
-  font-family: "foundation-icons";
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  display: inline-block;
-  text-decoration: inherit;
-}
-
-.fi-address-book:before { content: "\f100"; }
-.fi-alert:before { content: "\f101"; }
-.fi-align-center:before { content: "\f102"; }
-.fi-align-justify:before { content: "\f103"; }
-.fi-align-left:before { content: "\f104"; }
-.fi-align-right:before { content: "\f105"; }
-.fi-anchor:before { content: "\f106"; }
-.fi-annotate:before { content: "\f107"; }
-.fi-archive:before { content: "\f108"; }
-.fi-arrow-down:before { content: "\f109"; }
-.fi-arrow-left:before { content: "\f10a"; }
-.fi-arrow-right:before { content: "\f10b"; }
-.fi-arrow-up:before { content: "\f10c"; }
-.fi-arrows-compress:before { content: "\f10d"; }
-.fi-arrows-expand:before { content: "\f10e"; }
-.fi-arrows-in:before { content: "\f10f"; }
-.fi-arrows-out:before { content: "\f110"; }
-.fi-asl:before { content: "\f111"; }
-.fi-asterisk:before { content: "\f112"; }
-.fi-at-sign:before { content: "\f113"; }
-.fi-background-color:before { content: "\f114"; }
-.fi-battery-empty:before { content: "\f115"; }
-.fi-battery-full:before { content: "\f116"; }
-.fi-battery-half:before { content: "\f117"; }
-.fi-bitcoin-circle:before { content: "\f118"; }
-.fi-bitcoin:before { content: "\f119"; }
-.fi-blind:before { content: "\f11a"; }
-.fi-bluetooth:before { content: "\f11b"; }
-.fi-bold:before { content: "\f11c"; }
-.fi-book-bookmark:before { content: "\f11d"; }
-.fi-book:before { content: "\f11e"; }
-.fi-bookmark:before { content: "\f11f"; }
-.fi-braille:before { content: "\f120"; }
-.fi-burst-new:before { content: "\f121"; }
-.fi-burst-sale:before { content: "\f122"; }
-.fi-burst:before { content: "\f123"; }
-.fi-calendar:before { content: "\f124"; }
-.fi-camera:before { content: "\f125"; }
-.fi-check:before { content: "\f126"; }
-.fi-checkbox:before { content: "\f127"; }
-.fi-clipboard-notes:before { content: "\f128"; }
-.fi-clipboard-pencil:before { content: "\f129"; }
-.fi-clipboard:before { content: "\f12a"; }
-.fi-clock:before { content: "\f12b"; }
-.fi-closed-caption:before { content: "\f12c"; }
-.fi-cloud:before { content: "\f12d"; }
-.fi-comment-minus:before { content: "\f12e"; }
-.fi-comment-quotes:before { content: "\f12f"; }
-.fi-comment-video:before { content: "\f130"; }
-.fi-comment:before { content: "\f131"; }
-.fi-comments:before { content: "\f132"; }
-.fi-compass:before { content: "\f133"; }
-.fi-contrast:before { content: "\f134"; }
-.fi-credit-card:before { content: "\f135"; }
-.fi-crop:before { content: "\f136"; }
-.fi-crown:before { content: "\f137"; }
-.fi-css3:before { content: "\f138"; }
-.fi-database:before { content: "\f139"; }
-.fi-die-five:before { content: "\f13a"; }
-.fi-die-four:before { content: "\f13b"; }
-.fi-die-one:before { content: "\f13c"; }
-.fi-die-six:before { content: "\f13d"; }
-.fi-die-three:before { content: "\f13e"; }
-.fi-die-two:before { content: "\f13f"; }
-.fi-dislike:before { content: "\f140"; }
-.fi-dollar-bill:before { content: "\f141"; }
-.fi-dollar:before { content: "\f142"; }
-.fi-download:before { content: "\f143"; }
-.fi-eject:before { content: "\f144"; }
-.fi-elevator:before { content: "\f145"; }
-.fi-euro:before { content: "\f146"; }
-.fi-eye:before { content: "\f147"; }
-.fi-fast-forward:before { content: "\f148"; }
-.fi-female-symbol:before { content: "\f149"; }
-.fi-female:before { content: "\f14a"; }
-.fi-filter:before { content: "\f14b"; }
-.fi-first-aid:before { content: "\f14c"; }
-.fi-flag:before { content: "\f14d"; }
-.fi-folder-add:before { content: "\f14e"; }
-.fi-folder-lock:before { content: "\f14f"; }
-.fi-folder:before { content: "\f150"; }
-.fi-foot:before { content: "\f151"; }
-.fi-foundation:before { content: "\f152"; }
-.fi-graph-bar:before { content: "\f153"; }
-.fi-graph-horizontal:before { content: "\f154"; }
-.fi-graph-pie:before { content: "\f155"; }
-.fi-graph-trend:before { content: "\f156"; }
-.fi-guide-dog:before { content: "\f157"; }
-.fi-hearing-aid:before { content: "\f158"; }
-.fi-heart:before { content: "\f159"; }
-.fi-home:before { content: "\f15a"; }
-.fi-html5:before { content: "\f15b"; }
-.fi-indent-less:before { content: "\f15c"; }
-.fi-indent-more:before { content: "\f15d"; }
-.fi-info:before { content: "\f15e"; }
-.fi-italic:before { content: "\f15f"; }
-.fi-key:before { content: "\f160"; }
-.fi-laptop:before { content: "\f161"; }
-.fi-layout:before { content: "\f162"; }
-.fi-lightbulb:before { content: "\f163"; }
-.fi-like:before { content: "\f164"; }
-.fi-link:before { content: "\f165"; }
-.fi-list-bullet:before { content: "\f166"; }
-.fi-list-number:before { content: "\f167"; }
-.fi-list-thumbnails:before { content: "\f168"; }
-.fi-list:before { content: "\f169"; }
-.fi-lock:before { content: "\f16a"; }
-.fi-loop:before { content: "\f16b"; }
-.fi-magnifying-glass:before { content: "\f16c"; }
-.fi-mail:before { content: "\f16d"; }
-.fi-male-female:before { content: "\f16e"; }
-.fi-male-symbol:before { content: "\f16f"; }
-.fi-male:before { content: "\f170"; }
-.fi-map:before { content: "\f171"; }
-.fi-marker:before { content: "\f172"; }
-.fi-megaphone:before { content: "\f173"; }
-.fi-microphone:before { content: "\f174"; }
-.fi-minus-circle:before { content: "\f175"; }
-.fi-minus:before { content: "\f176"; }
-.fi-mobile-signal:before { content: "\f177"; }
-.fi-mobile:before { content: "\f178"; }
-.fi-monitor:before { content: "\f179"; }
-.fi-mountains:before { content: "\f17a"; }
-.fi-music:before { content: "\f17b"; }
-.fi-next:before { content: "\f17c"; }
-.fi-no-dogs:before { content: "\f17d"; }
-.fi-no-smoking:before { content: "\f17e"; }
-.fi-page-add:before { content: "\f17f"; }
-.fi-page-copy:before { content: "\f180"; }
-.fi-page-csv:before { content: "\f181"; }
-.fi-page-delete:before { content: "\f182"; }
-.fi-page-doc:before { content: "\f183"; }
-.fi-page-edit:before { content: "\f184"; }
-.fi-page-export-csv:before { content: "\f185"; }
-.fi-page-export-doc:before { content: "\f186"; }
-.fi-page-export-pdf:before { content: "\f187"; }
-.fi-page-export:before { content: "\f188"; }
-.fi-page-filled:before { content: "\f189"; }
-.fi-page-multiple:before { content: "\f18a"; }
-.fi-page-pdf:before { content: "\f18b"; }
-.fi-page-remove:before { content: "\f18c"; }
-.fi-page-search:before { content: "\f18d"; }
-.fi-page:before { content: "\f18e"; }
-.fi-paint-bucket:before { content: "\f18f"; }
-.fi-paperclip:before { content: "\f190"; }
-.fi-pause:before { content: "\f191"; }
-.fi-paw:before { content: "\f192"; }
-.fi-paypal:before { content: "\f193"; }
-.fi-pencil:before { content: "\f194"; }
-.fi-photo:before { content: "\f195"; }
-.fi-play-circle:before { content: "\f196"; }
-.fi-play-video:before { content: "\f197"; }
-.fi-play:before { content: "\f198"; }
-.fi-plus:before { content: "\f199"; }
-.fi-pound:before { content: "\f19a"; }
-.fi-power:before { content: "\f19b"; }
-.fi-previous:before { content: "\f19c"; }
-.fi-price-tag:before { content: "\f19d"; }
-.fi-pricetag-multiple:before { content: "\f19e"; }
-.fi-print:before { content: "\f19f"; }
-.fi-prohibited:before { content: "\f1a0"; }
-.fi-projection-screen:before { content: "\f1a1"; }
-.fi-puzzle:before { content: "\f1a2"; }
-.fi-quote:before { content: "\f1a3"; }
-.fi-record:before { content: "\f1a4"; }
-.fi-refresh:before { content: "\f1a5"; }
-.fi-results-demographics:before { content: "\f1a6"; }
-.fi-results:before { content: "\f1a7"; }
-.fi-rewind-ten:before { content: "\f1a8"; }
-.fi-rewind:before { content: "\f1a9"; }
-.fi-rss:before { content: "\f1aa"; }
-.fi-safety-cone:before { content: "\f1ab"; }
-.fi-save:before { content: "\f1ac"; }
-.fi-share:before { content: "\f1ad"; }
-.fi-sheriff-badge:before { content: "\f1ae"; }
-.fi-shield:before { content: "\f1af"; }
-.fi-shopping-bag:before { content: "\f1b0"; }
-.fi-shopping-cart:before { content: "\f1b1"; }
-.fi-shuffle:before { content: "\f1b2"; }
-.fi-skull:before { content: "\f1b3"; }
-.fi-social-500px:before { content: "\f1b4"; }
-.fi-social-adobe:before { content: "\f1b5"; }
-.fi-social-amazon:before { content: "\f1b6"; }
-.fi-social-android:before { content: "\f1b7"; }
-.fi-social-apple:before { content: "\f1b8"; }
-.fi-social-behance:before { content: "\f1b9"; }
-.fi-social-bing:before { content: "\f1ba"; }
-.fi-social-blogger:before { content: "\f1bb"; }
-.fi-social-delicious:before { content: "\f1bc"; }
-.fi-social-designer-news:before { content: "\f1bd"; }
-.fi-social-deviant-art:before { content: "\f1be"; }
-.fi-social-digg:before { content: "\f1bf"; }
-.fi-social-dribbble:before { content: "\f1c0"; }
-.fi-social-drive:before { content: "\f1c1"; }
-.fi-social-dropbox:before { content: "\f1c2"; }
-.fi-social-evernote:before { content: "\f1c3"; }
-.fi-social-facebook:before { content: "\f1c4"; }
-.fi-social-flickr:before { content: "\f1c5"; }
-.fi-social-forrst:before { content: "\f1c6"; }
-.fi-social-foursquare:before { content: "\f1c7"; }
-.fi-social-game-center:before { content: "\f1c8"; }
-.fi-social-github:before { content: "\f1c9"; }
-.fi-social-google-plus:before { content: "\f1ca"; }
-.fi-social-hacker-news:before { content: "\f1cb"; }
-.fi-social-hi5:before { content: "\f1cc"; }
-.fi-social-instagram:before { content: "\f1cd"; }
-.fi-social-joomla:before { content: "\f1ce"; }
-.fi-social-lastfm:before { content: "\f1cf"; }
-.fi-social-linkedin:before { content: "\f1d0"; }
-.fi-social-medium:before { content: "\f1d1"; }
-.fi-social-myspace:before { content: "\f1d2"; }
-.fi-social-orkut:before { content: "\f1d3"; }
-.fi-social-path:before { content: "\f1d4"; }
-.fi-social-picasa:before { content: "\f1d5"; }
-.fi-social-pinterest:before { content: "\f1d6"; }
-.fi-social-rdio:before { content: "\f1d7"; }
-.fi-social-reddit:before { content: "\f1d8"; }
-.fi-social-skillshare:before { content: "\f1d9"; }
-.fi-social-skype:before { content: "\f1da"; }
-.fi-social-smashing-mag:before { content: "\f1db"; }
-.fi-social-snapchat:before { content: "\f1dc"; }
-.fi-social-spotify:before { content: "\f1dd"; }
-.fi-social-squidoo:before { content: "\f1de"; }
-.fi-social-stack-overflow:before { content: "\f1df"; }
-.fi-social-steam:before { content: "\f1e0"; }
-.fi-social-stumbleupon:before { content: "\f1e1"; }
-.fi-social-treehouse:before { content: "\f1e2"; }
-.fi-social-tumblr:before { content: "\f1e3"; }
-.fi-social-twitter:before { content: "\f1e4"; }
-.fi-social-vimeo:before { content: "\f1e5"; }
-.fi-social-windows:before { content: "\f1e6"; }
-.fi-social-xbox:before { content: "\f1e7"; }
-.fi-social-yahoo:before { content: "\f1e8"; }
-.fi-social-yelp:before { content: "\f1e9"; }
-.fi-social-youtube:before { content: "\f1ea"; }
-.fi-social-zerply:before { content: "\f1eb"; }
-.fi-social-zurb:before { content: "\f1ec"; }
-.fi-sound:before { content: "\f1ed"; }
-.fi-star:before { content: "\f1ee"; }
-.fi-stop:before { content: "\f1ef"; }
-.fi-strikethrough:before { content: "\f1f0"; }
-.fi-subscript:before { content: "\f1f1"; }
-.fi-superscript:before { content: "\f1f2"; }
-.fi-tablet-landscape:before { content: "\f1f3"; }
-.fi-tablet-portrait:before { content: "\f1f4"; }
-.fi-target-two:before { content: "\f1f5"; }
-.fi-target:before { content: "\f1f6"; }
-.fi-telephone-accessible:before { content: "\f1f7"; }
-.fi-telephone:before { content: "\f1f8"; }
-.fi-text-color:before { content: "\f1f9"; }
-.fi-thumbnails:before { content: "\f1fa"; }
-.fi-ticket:before { content: "\f1fb"; }
-.fi-torso-business:before { content: "\f1fc"; }
-.fi-torso-female:before { content: "\f1fd"; }
-.fi-torso:before { content: "\f1fe"; }
-.fi-torsos-all-female:before { content: "\f1ff"; }
-.fi-torsos-all:before { content: "\f200"; }
-.fi-torsos-female-male:before { content: "\f201"; }
-.fi-torsos-male-female:before { content: "\f202"; }
-.fi-torsos:before { content: "\f203"; }
-.fi-trash:before { content: "\f204"; }
-.fi-trees:before { content: "\f205"; }
-.fi-trophy:before { content: "\f206"; }
-.fi-underline:before { content: "\f207"; }
-.fi-universal-access:before { content: "\f208"; }
-.fi-unlink:before { content: "\f209"; }
-.fi-unlock:before { content: "\f20a"; }
-.fi-upload-cloud:before { content: "\f20b"; }
-.fi-upload:before { content: "\f20c"; }
-.fi-usb:before { content: "\f20d"; }
-.fi-video:before { content: "\f20e"; }
-.fi-volume-none:before { content: "\f20f"; }
-.fi-volume-strike:before { content: "\f210"; }
-.fi-volume:before { content: "\f211"; }
-.fi-web:before { content: "\f212"; }
-.fi-wheelchair:before { content: "\f213"; }
-.fi-widget:before { content: "\f214"; }
-.fi-wrench:before { content: "\f215"; }
-.fi-x-circle:before { content: "\f216"; }
-.fi-x:before { content: "\f217"; }
-.fi-yen:before { content: "\f218"; }
-.fi-zoom-in:before { content: "\f219"; }
-.fi-zoom-out:before { content: "\f21a"; }
diff --git a/examples/html5/app/Frontend/styles/foundation/_foundation-settings.scss b/examples/html5/app/Frontend/styles/foundation/_foundation-settings.scss
deleted file mode 100644
index d4c6415..0000000
--- a/examples/html5/app/Frontend/styles/foundation/_foundation-settings.scss
+++ /dev/null
@@ -1,605 +0,0 @@
-//  FOUNDATION FOR APPS SETTINGS
-//  ----------------------------
-//
-//  Table of Contents:
-//
-//  1.  CSS Exports
-//  2.  Global Styles
-//  3.  Breakpoints
-//  4.  Typography
-//  5.  Grid
-//  6.  Button
-//  7.  Accordion
-//  8.  Action Sheet
-//  9.  Block List
-//  10. Button Group
-//  11. Card
-//  12. Extras
-//  13. Forms
-//  14. Iconic
-//  15. Label
-//  16. Menu Bar
-//  17. Modal
-//  18. Motion UI
-//  19. Notification
-//  20. Off-canvas
-//  21. Panel
-//  22. Popup
-//  23. Switch
-//  24. Tabs
-//  25. Title Bar
-
-@import "helpers/functions";
-
-// 1. CSS Exports
-// - - - - - - - - - - - - - - -
-
-// Change any value in this map from "true" to "false" to disable that component's CSS class output. You'll still be able to use the component's mixins, but none of our pre-written classes will be in your CSS.
-
- $include-css: (
-   accordion: true,
-   action-sheet: true,
-   block-list: true,
-   button: true,
-   button-group: true,
-   card: true,
-   coloring: true,
-   extras: true,
-   forms: true,
-   grid: true,
-   iconic: true,
-   label: true,
-   badge: true,
-   list: true,
-   menu-bar: true,
-   modal: true,
-   motion: true,
-   notification: true,
-   off-canvas: true,
-   panel: true,
-   popup: true,
-   switch: true,
-   tabs: true,
-   title-bar: true,
-   typography: true,
-   utilities: true,
- ); 
-
-// 2. Global Styles
-// - - - - - - - - - - - - - - -
-
-// This sets 1rem to be 16px
-// $rem-base: 16px;
-
-// The default font-size is set to 100% of the browser style sheet (usually 16px)
-// for compatibility with browser-based text zoom or user-set defaults.
-
-// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
-// If you want your base font-size to be different and not have it affect the grid breakpoints,
-// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
-// $base-font-size: 100%;
-
-// $base-line-height is 24px while $base-font-size is 16px
-// $base-line-height: 1.5;
-
-// Text selector helpers
-// $headers: "h1,h2,h3,h4,h5,h6";
-
-// We use these to define default font weights
-// $font-weight-normal: normal;
-// $font-weight-bold: bold;
-
-// We use these to control various global styles
-// $body-background: #fff;
-// $body-font-color: #222;
-// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-// $body-font-weight: $font-weight-normal;
-// $body-font-style: normal;
-// $body-antialiased: true;
-
-// Application Colors
-// $primary-color: #00558b;
-// $secondary-color: #f1f1f1;
-// $alert-color: #F04124;
-// $info-color: #A0D3E8;
-// $success-color: #43AC6A;
-// $warning-color: #F08A24;
-// $dark-color: #232323;
-// $gray: #dfdfdf;
-// $gray-dark: darken($gray, 8);
-// $gray-light: lighten($gray, 8);
-
-// We use these to make sure border radius matches unless we want it different.
-// $global-radius: 4px;
-// $global-rounded: 1000px;
-
-// We use this for default spacing
-// $global-padding: 1rem;
-// $global-spacing: rem-calc(15); 
-
-// 3. Breakpoints
-// - - - - - - - - - - - - - - -
-
-// These are our named breakpoints. You can use them in our breakpoint function like this: @include breakpoint(medium) { // Medium and larger styles }
-// $breakpoints: (
-//   small: rem-calc(0),
-//   medium: rem-calc(640),
-//   large: rem-calc(1200),
-//   xlarge: rem-calc(1440),
-//   xxlarge: rem-calc(1920),
-// );
-
-// All of the names in this list will be output as classes in your CSS, like small-12, medium-6, and so on.
-// $breakpoint-classes: (small medium large); 
-
-// 4. Typography
-// - - - - - - - - - - - - - - -
-
-// We use these to control header font styles
-// $header-font-family: $body-font-family;
-// $header-font-weight: $font-weight-normal;
-// $header-font-style: $font-weight-normal;
-// $header-font-color: #222;
-// $header-line-height: 1.4;
-// $header-top-margin: .2rem;
-// $header-bottom-margin: .5rem;
-// $header-text-rendering: optimizeLegibility;
-
-// We use these to control header font sizes
-// $h1-font-size: rem-calc(44);
-// $h2-font-size: rem-calc(37);
-// $h3-font-size: rem-calc(27);
-// $h4-font-size: rem-calc(23);
-// $h5-font-size: rem-calc(18);
-// $h6-font-size: 1rem;
-
-// We use these to control header size reduction on small screens
-// $h1-font-reduction: rem-calc(10);
-// $h2-font-reduction: rem-calc(10);
-// $h3-font-reduction: rem-calc(5);
-// $h4-font-reduction: rem-calc(5);
-// $h5-font-reduction: 0;
-// $h6-font-reduction: 0;
-
-// These control how subheaders are styled.
-// $subheader-line-height: 1.4;
-// $subheader-font-color: scale-color($header-font-color, $lightness: 35%);
-// $subheader-font-weight: $font-weight-normal;
-// $subheader-top-margin: .2rem;
-// $subheader-bottom-margin: .5rem;
-
-// A general <small> styling
-// $small-font-size: 60%;
-// $small-font-color: scale-color($header-font-color, $lightness: 35%);
-
-// We use these to style paragraphs
-// $paragraph-font-family: inherit;
-// $paragraph-font-weight: $font-weight-normal;
-// $paragraph-font-size: 1rem;
-// $paragraph-line-height: 1.6;
-// $paragraph-margin-bottom: rem-calc(20);
-// $paragraph-aside-font-size: rem-calc(14);
-// $paragraph-aside-line-height: 1.35;
-// $paragraph-aside-font-style: italic;
-// $paragraph-text-rendering: optimizeLegibility;
-
-// We use these to style <code> tags
-// $code-color: grayscale($primary-color);
-// $code-font-family: Consolas, 'Liberation Mono', Courier, monospace;
-// $code-font-weight: $font-weight-normal;
-// $code-background-color: scale-color($secondary-color, $lightness: 70%);
-// $code-border-size: 1px;
-// $code-border-style: solid;
-// $code-border-color: scale-color($code-background-color, $lightness: -10%);
-// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);
-
-// We use these to style anchors
-// $anchor-text-decoration: none;
-// $anchor-text-decoration-hover: none;
-// $anchor-font-color: $primary-color;
-// $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%);
-
-// We use these to style the <hr> element
-// $hr-border-width: 1px;
-// $hr-border-style: solid;
-// $hr-border-color: #ddd;
-// $hr-margin: rem-calc(20);
-
-// We use these to style lists
-// $list-font-family: $paragraph-font-family;
-// $list-font-size: $paragraph-font-size;
-// $list-line-height: $paragraph-line-height;
-// $list-margin-bottom: $paragraph-margin-bottom;
-// $list-style-position: outside;
-// $list-side-margin: 1.1rem;
-// $list-ordered-side-margin: 1.4rem;
-// $list-side-margin-no-bullet: 0;
-// $list-nested-margin: rem-calc(20);
-// $definition-list-header-weight: $font-weight-bold;
-// $definition-list-header-margin-bottom: .3rem;
-// $definition-list-margin-bottom: rem-calc(12);
-
-// We use these to style blockquotes
-// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%);
-// $blockquote-padding: rem-calc(9 20 0 19);
-// $blockquote-border: 1px solid #ddd;
-// $blockquote-cite-font-size: rem-calc(13);
-// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);
-// $blockquote-cite-link-color: $blockquote-cite-font-color;
-
-// Acronym styles
-// $acronym-underline: 1px dotted #ddd; 
-
-// 5. Grid
-// - - - - - - - - - - - - - - -
-
-// $container-width: rem-calc(900);
-// $block-padding: $global-padding;
-// $total-columns: 12;
-// $block-grid-max-size: 6; 
-
-// 6. Button
-// - - - - - - - - - - - - - - -
-
-// $button-padding: 0.85em 1em;
-// $button-margin: 0 $global-padding $global-padding 0;
-// $button-style: solid;
-// $button-background: $primary-color;
-// $button-color: auto;
-// $button-radius: 0;
-// $button-sizes: (
-//   tiny: 0.7,
-//   small: 0.8,
-//   medium: 1,
-//   large: 1.3,
-// );
-// $button-font-size: 0.9rem;
-// $button-opacity-disabled: 0.5;
-// $button-tag-selector: false; 
-
-// 7. Accordion
-// - - - - - - - - - - - - - - -
-
-// $accordion-border: 1px solid $gray-dark;
-
-// $accordion-title-background: $gray-light;
-// $accordion-title-background-hover: smartscale($accordion-title-background, 5%);
-// $accordion-title-background-active: smartscale($accordion-title-background, 3%);
-// $accordion-title-color: isitlight($accordion-title-background);
-// $accordion-title-color-active: isitlight($accordion-title-background);
-
-// $accordion-title-padding: $global-padding;
-// $accordion-content-padding: $global-padding; 
-
-// 8. Action Sheet
-// - - - - - - - - - - - - - - -
-
-// $actionsheet-background: white;
-// $actionsheet-border-color: #ccc;
-// $actionsheet-animate: transform opacity;
-// $actionsheet-animation-speed: 0.25s;
-// $actionsheet-width: 300px;
-// $actionsheet-radius: 4px;
-// $actionsheet-shadow: 0 -3px 10px rgba(black, 0.25);
-// $actionsheet-padding: $global-padding;
-// $actionsheet-tail-size: 10px;
-
-// $actionsheet-popup-shadow: 0 0 10px rgba(black, 0.25);
-
-// $actionsheet-link-color: #000;
-// $actionsheet-link-background-hover: smartscale($actionsheet-background); 
-
-// 9. Block List
-// - - - - - - - - - - - - - - -
-
-// $blocklist-background: #fff;
-// $blocklist-fullbleed: true;
-// $blocklist-fontsize: 1rem;
-
-// $blocklist-item-padding: 0.8rem 1rem;
-// $blocklist-item-color: isitlight($blocklist-background, #000, #fff);
-// $blocklist-item-background-hover: smartscale($blocklist-background, 4.5%);
-// $blocklist-item-color-disabled: #999;
-// $blocklist-item-border: 1px solid smartscale($blocklist-background, 18.5%);
-
-// $blocklist-item-label-color: scale-color($blocklist-item-color, $lightness: 60%);
-// $blocklist-item-icon-size: 0.8;
-
-// $blocklist-header-fontsize: 0.8em;
-// $blocklist-header-color: smartscale($blocklist-item-color, 40%);
-// $blocklist-header-uppercase: true;
-
-// $blocklist-check-icons: true; 
-
-// 10. Button Group
-// - - - - - - - - - - - - - - -
-
-// $btngroup-background: $primary-color;
-// $btngroup-color: #fff;
-// $btngroup-radius: $button-radius; 
-
-// 11. Card
-// - - - - - - - - - - - - - - -
-
-// $card-background: #fff;
-// $card-color: isitlight($card-background);
-// $card-border: 1px solid smartscale($card-background, 7%);
-// $card-radius: $global-radius;
-// $card-shadow: 0 1px 2px rgba(#000, 0.2);
-// $card-padding: $global-padding;
-// $card-margin: 0.5rem;
-
-// $card-divider-background: smartscale($card-background, 7%); 
-
-// 12. Extras
-// - - - - - - - - - - - - - - -
-
-// $closebutton-position: (top right);
-// $closebutton-size: 2em;
-// $closebutton-lineheight: 0.5;
-// $closebutton-color: #999;
-// $closebutton-color-hover: #333;
-
-// $thumbnail-padding: 0.5rem;
-// $thumbnail-shadow: 0 3px 15px rgba(black, 0.25); 
-
-// 13. Forms
-// - - - - - - - - - - - - - - -
-
-// Basic form variables
-// $form-fontsize: 1rem;
-// $form-padding: 0.5rem;
-
-// Text fields
-// $input-color: #000;
-// $input-color-hover: $input-color;
-// $input-color-focus: $input-color;
-// $input-background: #fff;
-// $input-background-hover: $input-background;
-// $input-background-focus: $input-background;
-// $input-border: 1px solid #ccc;
-// $input-border-hover: 1px solid #bbb;
-// $input-border-focus: 1px solid #999;
-
-// Select menus
-// $select-color: #000;
-// $select-background: #fafafa;
-// $select-background-hover: smartscale($select-background, 4%);
-// $select-arrow: true;
-// $select-arrow-color: $select-color;
-
-// Labels
-// $form-label-fontsize: 0.9rem;
-// $form-label-margin: 0.5rem;
-// $form-label-color: #333;
-
-// Inline labels
-// $inlinelabel-color: #333;
-// $inlinelabel-background: #eee;
-// $inlinelabel-border: $input-border;
-
-// Range slider
-// $slider-background: #ddd;
-// $slider-height: 1rem;
-// $slider-radius: 0px;
-// $slider-thumb-height: 1.5rem;
-// $slider-thumb-color: $primary-color;
-// $slider-thumb-radius: 0px;
-
-// Progress and meter
-// $meter-height: 1.5rem;
-// $meter-background: #ccc;
-// $meter-fill: $primary-color;
-// $meter-fill-high: $success-color;
-// $meter-fill-medium: #e7cf00;
-// $meter-fill-low: $alert-color;
-// $meter-radius: 0; 
-
-// 14. Iconic
-// - - - - - - - - - - - - - - -
-
-// $iconic-primary-fill: $primary-color;
-// $iconic-primary-stroke: $primary-color;
-// $iconic-accent-fill: $iconic-primary-fill;
-// $iconic-accent-stroke: $iconic-accent-fill; 
-
-// 15. Label
-// - - - - - - - - - - - - - - -
-
-// $label-fontsize: 0.8rem;
-// $label-padding: ($global-padding / 3) ($global-padding / 2);
-// $label-radius: 0;
-// $label-background: $primary-color;
-// $label-color: isitlight($primary-color);
-
-// $badge-fontsize: 0.8em;
-// $badge-diameter: 1.5rem;
-// $badge-background: $primary-color;
-// $badge-color: #fff;
-
-// DEPRECATED: these variables will be removed in v1.1.
-// $badge-padding: .1em .61em;
-// $badge-radius: $global-rounded;
-// $badge-font-color: #fff; 
-
-// 16. Menu Bar
-// - - - - - - - - - - - - - - -
-
-// $menubar-fontsize: 1rem;
-// $menubar-background: #fff;
-// $menubar-background-hover: smartscale($menubar-background, 7%);
-// $menubar-background-active: $menubar-background-hover;
-// $menubar-color: isitlight($menubar-background);
-// $menubar-color-hover: $menubar-color;
-// $menubar-color-active: $menubar-color-hover;
-
-// $menubar-item-padding: $global-padding;
-// $menubar-icon-size: 25px;
-// $menubar-icon-spacing: $menubar-item-padding; 
-
-// 17. Modal
-// - - - - - - - - - - - - - - -
-
-// $modal-background: #fff;
-// $modal-border: 0;
-// $modal-radius: 0px;
-// $modal-shadow: none;
-// $modal-zindex: 1000;
-// $modal-sizes: (
-//   tiny: 300px,
-//   small: 500px,
-//   medium: 600px,
-//   large: 800px,
-// );
-
-// $modal-overlay-class: 'modal-overlay';
-// $modal-overlay-background: rgba(#333, 0.7); 
-
-// 18. Motion UI
-// - - - - - - - - - - - - - - -
-
-// Classes to use when triggering in/out animations
-// $motion-class: (
-//   in: "ng-enter",
-//   out: "ng-leave",
-// );
-// $motion-class-active: (
-//   in: "ng-enter-active",
-//   out: "ng-leave-active",
-// );
-// $motion-class-stagger: (
-//   in: "ng-enter-stagger",
-//   out: "ng-leave-stagger",
-// );
-
-// Set if movement-based transitions should also fade the element in and out
-// $motion-slide-and-fade: false;
-// $motion-hinge-and-fade: true;
-// $motion-scale-and-fade: true;
-// $motion-spin-and-fade: true;
-
-// Default speed for transitions and animations
-// $motion-duration-default: 500ms;
-// Slow and fast modifiders
-// $motion-duration-slow: 750ms;
-// $motion-duration-fast: 250ms;
-// $motion-stagger-duration-default: 150ms;
-// $motion-stagger-duration-short: 50ms;
-// $motion-stagger-duration-long: 300ms;
-
-// Default timing function for transitions and animations
-// $motion-timing-default: ease;
-// Built-in and custom easing functions
-// Every item in this map becomes a CSS class
-// $motion-timings: (
-//   linear: linear,
-//   ease: ease,
-//   easeIn: ease-in,
-//   easeOut: ease-out,
-//   easeInOut: ease-in-out,
-//   bounceIn: cubic-bezier(0.485, 0.155, 0.240, 1.245),
-//   bounceOut: cubic-bezier(0.485, 0.155, 0.515, 0.845),
-//   bounceInOut: cubic-bezier(0.760, -0.245, 0.240, 1.245),
-// );
-
-// Default delay for all transitions and animations
-// $motion-delay-default: 0;
-// Short and long delay modifiers
-// $motion-delay-short: 300ms;
-// $motion-delay-long: 700ms; 
-
-// 19. Notification
-// - - - - - - - - - - - - - - -
-
-// $notification-default-position: right top;
-// $notification-width: rem-calc(400);
-// $notification-offset: $global-padding;
-
-// $notification-background: $primary-color;
-// $notification-color: white;
-// $notification-padding: $global-padding;
-// $notification-radius: 4px;
-
-// $notification-icon-size: 60px;
-// $notification-icon-margin: $global-padding;
-// $notification-icon-align: top;
- 
-
-// 20. Off-canvas
-// - - - - - - - - - - - - - - -
-
-// $offcanvas-size-horizontal: 250px;
-// $offcanvas-size-vertical: 250px;
-
-// $offcanvas-background: #fff;
-// $offcanvas-color: isitlight($offcanvas-background);
-// $offcanvas-padding: 0;
-// $offcanvas-shadow: 3px 0 10px rgba(black, 0.25);
-// $offcanvas-animation-speed: 0.25s;
-
-// $offcanvas-frame-selector: '.grid-frame'; 
-
-// 21. Panel
-// - - - - - - - - - - - - - - -
-
-// $panel-size-horizontal: 300px;
-// $panel-size-vertical: 300px;
-// $panel-padding: 0;
-
-// $panel-background: #fff;
-// $panel-shadow: 3px 0 10px rgba(black, 0.25);
-// $panel-animation-speed: 0.25s; 
-
-// 22. Popup
-// - - - - - - - - - - - - - - -
-
-// $popup-width: rem-calc(300);
-// $popup-background: #fff;
-// $popup-border: 0;
-// $popup-radius: 0;
-// $popup-shadow: 0 0 10px rgba(#000, 0.25); 
-
-// 23. Switch
-// - - - - - - - - - - - - - - -
-
-// $switch-width: rem-calc(50);
-// $switch-height: rem-calc(32);
-// $switch-background: #ccc;
-// $switch-background-active: $primary-color;
-// $switch-border: 0;
-// $switch-radius: 9999px;
-// $switch-animation-speed: 0.15s;
-
-// $switch-paddle-color: white;
-// $switch-paddle-offset: 4px; 
-
-// 24. Tabs
-// - - - - - - - - - - - - - - -
-
-// $tabstrip-background: transparent;
-
-// $tab-title-background: $gray-light;
-// $tab-title-background-hover: smartscale($tab-title-background, 5%);
-// $tab-title-background-active: smartscale($tab-title-background, 3%);
-// $tab-title-color: isitlight($tab-title-background);
-// $tab-title-color-active: $tab-title-color;
-
-// $tab-title-padding: $global-padding;
-// $tab-content-padding: $global-padding; 
-
-// 25. Title Bar
-// - - - - - - - - - - - - - - -
-
-// $titlebar-center-width: 50%;
-// $titlebar-side-width: (100% - $titlebar-center-width) / 2;
-// $titlebar-background: #eee;
-// $titlebar-color: #000;
-// $titlebar-border: 1px solid #ccc;
-// $titlebar-padding: $global-padding;
-// $titlebar-item-classes: (
-//   center: 'center',
-//   left: 'left',
-//   right: 'right',
-//   title: 'title',
-// ); 
-
diff --git a/examples/html5/app/Frontend/styles/foundation/foundation-conf.scss b/examples/html5/app/Frontend/styles/foundation/foundation-conf.scss
deleted file mode 100644
index bdcfe1f..0000000
--- a/examples/html5/app/Frontend/styles/foundation/foundation-conf.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@import "foundation-settings";
-@import "foundation-icons";
-@import "foundation";
-
-
-/*.sidebar {
-    // Panel on small screens
-    @extend %panel-base;
-    @include panel-position(left);
-    // Override styles to become a block on medium screens
-    @include breakpoint(medium) {
-    @include grid-panel-reset;
-    @include grid-block(4);
-    }
-    // Change size to 3 columns on large screens
-    @include breakpoint(large) {
-    @include grid-size(3);
-    }
-}*/
\ No newline at end of file