diff --git a/.gitignore b/.gitignore
index 77c1f5d11b..59e3507a23 100644
--- a/.gitignore
+++ b/.gitignore
@@ -78,6 +78,12 @@ src/Umbraco.Web.UI/[Uu]mbraco/[Jj]s/loader.js
 src/Umbraco.Web.UI/[Uu]mbraco/[Jj]s/main.js
 src/Umbraco.Web.UI/[Uu]mbraco/[Jj]s/app.js
 
+src/Umbraco.Web.UI/[Uu]mbraco/[Jj]s/tuning.panel.js
+src/Umbraco.Web.UI/[Uu]mbraco/[Jj]s/tuning.palettes.js
+src/Umbraco.Web.UI/[Uu]mbraco/[Jj]s/tuning.loader.js
+src/Umbraco.Web.UI/[Uu]mbraco/[Jj]s/tuning.front.js
+src/Umbraco.Web.UI/[Uu]mbraco/[Jj]s/tuning.config.js
+
 src/Umbraco.Web.UI/[Uu]mbraco/[Vv]iews/
 src/Umbraco.Web.UI/[Uu]mbraco/[Vv]iews/**/*.js
 src/Umbraco.Web.UI/[Uu]mbraco/[Vv]iews/**/*.css
diff --git a/src/Umbraco.Web.UI.Client/src/tuning/tuning.gridRowStyle.less b/src/Umbraco.Web.UI.Client/src/tuning/tuning.gridRowStyle.less
new file mode 100644
index 0000000000..98ae71c752
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/tuning/tuning.gridRowStyle.less
@@ -0,0 +1,60 @@
+
+/************************************************************************/
+/* Grid row -ID- */
+/************************************************************************/
+
+/***start-lessParam--ID-***/
+@backgroundRowColor__-ID-:'';
+@backgroundRowImageOrPattern__-ID-:'';
+@backgroundRowGradientColor__-ID-:'';
+@backgroundRowPosition__-ID-:'';
+@backgroundRowCover__-ID-:'';
+@backgroundRowRepeat__-ID-:'';
+@backgroundRowAttachment__-ID-:'';
+@rowFullSize__-ID-:false;
+/***end-lessParam--ID-***/
+
+/***start-gridStyle--ID-***/
+.Row-cover__-ID- () when (@backgroundRowCover__-ID- = true) { 
+-webkit-background-size: cover; 
+-moz-background-size: cover; 
+-o-background-size: cover; 
+background-size: cover; 
+} 
+
+.Row-full-size__-ID- () when (@rowFullSize__-ID- = true) {
+    width:100% !important;
+    padding-right: 0px !important;
+    padding-left: 0px !important;
+}
+
+.Row-full-size-cell__-ID- () when (@rowFullSize__-ID- = true) {
+    margin-top: 0px;
+    margin-bottom: 0px
+}
+
+.-ID- { 
+background-color:@backgroundRowColor__-ID-; 
+background: -moz-linear-gradient(top, @backgroundRowColor__-ID- 41%,@backgroundRowGradientColor__-ID- 100%); 
+background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,@backgroundRowColor__-ID-), color-stop(100%,@backgroundRowGradientColor__-ID-)); 
+background: -webkit-linear-gradient(top, @backgroundRowColor__-ID- 41%,@backgroundRowGradientColor__-ID- 100%); 
+background: -o-linear-gradient(top, @backgroundRowColor__-ID- 41%,@backgroundRowGradientColor__-ID- 100%); 
+background: -ms-linear-gradient(top, @backgroundRowColor__-ID- 41%,@backgroundRowGradientColor__-ID- 100%); 
+background: linear-gradient(to bottom, @backgroundRowColor__-ID- 41%,@backgroundRowGradientColor__-ID- 100%); 
+background-image: @backgroundRowImageOrPattern__-ID-; 
+background-position: @backgroundRowPosition__-ID-; 
+background-repeat: @backgroundRowRepeat__-ID-; 
+background-attachment: @backgroundRowAttachment__-ID-; 
+.Row-cover__-ID-;}
+
+.-ID- .container {
+    .Row-full-size__-ID-;
+}
+ 
+.-ID- .container .usky-grid-cell {
+    .Row-full-size-cell__-ID-;
+}
+
+/***end-gridStyle--ID-***/ 
+
+