[TASK] sync subtheme felayout with theme_t3kit 2.4.0 felayout

Author: dmh

felayout/README.md

@@ -40,3 +40,4 @@ npm install
 - Run `grunt check` to check CSS (.stylelintrc) and JS (JS standard) files according code conventions.
 - Run `grunt compileCss` or `grunt cc` to compile all Front-End service files plus **CSS** styling for **t3kit** needs and copy it to `subtheme_t3kit_template/Resources/Public/css` folder.
 - Run `grunt compileLess` or `grunt cl` to compile all Front-End service files plus **LESS** styling for **t3kit** needs, copy it to it to `subtheme_t3kit_template/Resources/Public/less` folder.
+- Run `grunt production` or `grunt prod` to compile all Front-End service files for production. `compileCss` + `compileLess` + `uglifyJs`

felayout/dev/styles/customVariables.less

@@ -1,3 +1,8 @@
+// Custom media queries breakpoints
+@screen-xs--custom: 520px;
+@screen-md--custom: 1090px;
+@screen-lg--custom: 1300px;
+
 // Primary color
 @main-color:                    #f86230;
 
@@ -13,6 +18,7 @@
 @header-top-height:             50px;
 @header-top-bg-color:           @main-body-bg;
 @header-top-color:              fade(@main-text-color, 50%);
+@header-top-search-border-color: @border-color;
 
 @header-middle-height:          110px;
 @header-middle-bg-color:        @main-body-bg;
@@ -77,6 +83,19 @@
 @custom-screen-xl:              1366px;
 @custom-screen-xxl:             1920px;
 
+// Bootstrap Carousel
+@carousel-indicator-bg:         @main-body-bg;
+
+// Logo Carousel
+@logo-carousel-control-color:   lighten(@main-text-color, 10%);
+
+// Quote
+@quote-footer-title-color:      @main-text-color;
+
+// Simple Lightbox
+@sl-overlay-background:         darken(@main-text-color, 30%);
+@sl-navigation-color:           @main-body-bg;
+
 // =========================================================
 // BOOTSTRAP Variables  ====================================
 // =========================================================

felayout/dev/styles/main.less

@@ -59,6 +59,7 @@
 @import "../../../../theme_t3kit/felayout_t3kit/dev/styles/main/contentElements/heroImage.less";
 @import "../../../../theme_t3kit/felayout_t3kit/dev/styles/main/contentElements/bootstrapCarousel.less";
 @import "../../../../theme_t3kit/felayout_t3kit/dev/styles/main/contentElements/contactsCard.less";
+@import "../../../../theme_t3kit/felayout_t3kit/dev/styles/main/contentElements/contacts.less";
 
 // ========================
 // appearance wrappers

felayout/grunt/aliases.yaml

@@ -51,6 +51,18 @@ check:
     #CSS
     - 'stylelint:less'
 
+# ==================================
+# compileLess + compileCss + uglifyJs
+# ==================================
+production:
+    - 'compileLess'
+    - 'compileCss'
+    - 'uglify'
+
+# alias to production
+prod:
+    - 'production'
+
 # ==================================
 # Task helpers  ====================
 # ==================================

felayout/grunt/uglify.js

@@ -0,0 +1,18 @@
+module.exports = {
+  lessFolder: {
+    files: [{
+      expand: true,
+      cwd: '<%= lessFolder %>',
+      src: '**/*.js',
+      dest: '<%= lessFolder %>'
+    }]
+  },
+  cssFolder: {
+    files: [{
+      expand: true,
+      cwd: '<%= cssFolder %>',
+      src: '**/*.js',
+      dest: '<%= cssFolder %>'
+    }]
+  }
+}

felayout/package.json

@@ -28,6 +28,7 @@
     "grunt-contrib-watch": "1.0.0",
     "grunt-import": "1.0.3",
     "grunt-newer": "1.3.0",
+    "grunt-contrib-uglify": "3.1.0",
     "grunt-standard": "3.1.0",
     "grunt-stylelint": "0.9.0",
     "less-plugin-autoprefix": "1.5.1",