fixed : [CSS] The first argument to the linear-gradient function shou…

…ld be "to top", not "top" as per w3 specification ( https://drafts.csswg.org/css-images-3/#linear-gradients )

assets/front/scss/0_1_base/_mixins.scss

@@ -56,20 +56,20 @@
 @mixin bg-gradient-t2b($start-colour, $end-colour) {
     background-color: $start-colour;
     background-image: -webkit-gradient(linear, left top, left bottom, from($start-colour), to($end-colour));
-    background-image: -webkit-linear-gradient(top, $start-colour, $end-colour);
-    background-image:    -moz-linear-gradient(top, $start-colour, $end-colour);
-    background-image:     -ms-linear-gradient(top, $start-colour, $end-colour);
-    background-image:      -o-linear-gradient(top, $start-colour, $end-colour);
-    background-image:         linear-gradient(top, $start-colour, $end-colour);
+    background-image: -webkit-linear-gradient(to top, $start-colour, $end-colour);
+    background-image:    -moz-linear-gradient(to top, $start-colour, $end-colour);
+    background-image:     -ms-linear-gradient(to top, $start-colour, $end-colour);
+    background-image:      -o-linear-gradient(to top, $start-colour, $end-colour);
+    background-image:         linear-gradient(to top, $start-colour, $end-colour);
     filter:            progid:DXImageTransform.Microsoft.gradient(start-colourStr='#{$start-colour}', end-colourStr='#{$end-colour}');
 }
 
 @mixin bg-gradient-t2b_fade($start-colour, $end-colour) {
-    background: -moz-linear-gradient(top, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* FF3.6+ */
+    background: -moz-linear-gradient(to top, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba($start-colour, 0)), color-stop(100%,rgba($end-colour, 1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* IE10+ */
+    background: -webkit-linear-gradient(to top, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(to top, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(to top, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* IE10+ */
     background: linear-gradient(to bottom, rgba($start-colour, 0) 0%, rgba($end-colour, 1) 100%); /* W3C */
 }
 

assets/front/scss/0_1_base/_utilities.scss

@@ -161,8 +161,8 @@ img.v-centered {
 }
 
 .bottom-mask {
-  mask-image: linear-gradient(top,#000 70%,rgba(0,0,0,0) 100%);
-  -webkit-mask-image: -webkit-linear-gradient(top,#000 70%,rgba(0,0,0,0) 100%);
+  mask-image: linear-gradient(to top,#000 70%,rgba(0,0,0,0) 100%);
+  -webkit-mask-image: -webkit-linear-gradient(to top,#000 70%,rgba(0,0,0,0) 100%);
 }
 
 //button link

assets/front/scss/0_2_header/_common.scss

@@ -575,10 +575,10 @@ li#wp-admin-bar-tc-customizr-help a {
   text-decoration: none;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #8DA65A;
-  background-image: -moz-linear-gradient(top, #008ec2,#006799);
+  background-image: -moz-linear-gradient(to top, #008ec2,#006799);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008ec2), to(#006799));
-  background-image: -webkit-linear-gradient(top, #008ec2,#006799);
-  background-image: -o-linear-gradient(top, #008ec2,#006799);
+  background-image: -webkit-linear-gradient(to top, #008ec2,#006799);
+  background-image: -o-linear-gradient(to top, #008ec2,#006799);
   background-image: linear-gradient(to bottom,#008ec2,#006799);
   background-repeat: repeat-x;
   border-color: #006799;

assets/front/scss/0_4_layout/_grid.scss

@@ -965,8 +965,8 @@ a.czr-format-link {
           overflow: hidden;
           width: auto;
           height: auto;
-          mask-image: linear-gradient(top,#000 70%,rgba(0,0,0,0) 100%);
-          -webkit-mask-image: -webkit-linear-gradient(top,#000 70%,rgba(0,0,0,0) 100%);
+          mask-image: linear-gradient(to top,#000 70%,rgba(0,0,0,0) 100%);
+          -webkit-mask-image: -webkit-linear-gradient(to top,#000 70%,rgba(0,0,0,0) 100%);
       }
 
       //should we keep displaying the .tc-content-inner even in narrow #content?

inc/assets/less/bootstrap/mixins.less

@@ -418,10 +418,10 @@
   }
   .vertical(@startColor: #555, @endColor: #333) {
     background-color: mix(@startColor, @endColor, 60%);
-    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
+    background-image: -moz-linear-gradient(to top, @startColor, @endColor); // FF 3.6+
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
-    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
-    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
+    background-image: -webkit-linear-gradient(to top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(to top, @startColor, @endColor); // Opera 11.10
     background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
     background-repeat: repeat-x;
     filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d' , endColorstr='%d' , GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down
@@ -449,7 +449,7 @@
     background-color: mix(@midColor, @endColor, 80%);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
     background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
-    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
+    background-image: -moz-linear-gradient(to top, @startColor, @midColor @colorStop, @endColor);
     background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
     background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
     background-repeat: no-repeat;

inc/assets/less/tc_custom.less

@@ -1809,10 +1809,10 @@ h1 a:hover, h2 a:hover {
   color: #FFF;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #808080;
-  background-image: -moz-linear-gradient(top, #8F8F8F, dimgray);
+  background-image: -moz-linear-gradient(to top, #8F8F8F, dimgray);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8F8F8F), to(dimgray));
-  background-image: -webkit-linear-gradient(top, #8F8F8F, dimgray);
-  background-image: -o-linear-gradient(top, #8F8F8F, dimgray);
+  background-image: -webkit-linear-gradient(to top, #8F8F8F, dimgray);
+  background-image: -o-linear-gradient(to top, #8F8F8F, dimgray);
   background-image: linear-gradient(to bottom, #8F8F8F, dimgray);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8f8f8f' , endColorstr='#ff696969' , GradientType=0);
@@ -2063,10 +2063,10 @@ input[type="submit"] {
   color: white;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #363636;
-  background-image: -moz-linear-gradient(top, #444, #222);
+  background-image: -moz-linear-gradient(to top, #444, #222);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
-  background-image: -webkit-linear-gradient(top, #444, #222);
-  background-image: -o-linear-gradient(top, #444, #222);
+  background-image: -webkit-linear-gradient(to top, #444, #222);
+  background-image: -o-linear-gradient(to top, #444, #222);
   background-image: linear-gradient(to bottom, #444, #222);
   background-repeat: repeat-x;
   border-color: #222 #222 black;
@@ -2340,8 +2340,8 @@ article .no-thumb figcaption {
     overflow: hidden;
 }
 .mask .entry-summary{
-  mask-image:linear-gradient(top, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
-   -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
+  mask-image:linear-gradient(to top, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
+   -webkit-mask-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
 }
 /*.tc-post-list-grid article:not(.expanded) .entry-summary{
   max-height: 75%;
@@ -2525,11 +2525,11 @@ article .no-thumb figcaption {
   text-align: center;
   margin: 0;
   /*padding: 44px 0;*/
-  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(250,250,250,1) 100%); /* FF3.6+ */
+  background: -moz-linear-gradient(to top,  rgba(255,255,255,0) 0%, rgba(250,250,250,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* IE10+ */
+  background: -webkit-linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
   z-index: 11;
@@ -2656,11 +2656,11 @@ li.bypostauthor cite span {
   color: #7c7c7c;
   background-color: #e6e6e6;
   background-repeat: repeat-x;
-  background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
-  background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
-  background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
-  background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
-  background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
+  background-image: -moz-linear-gradient(to top, #f4f4f4, #e6e6e6);
+  background-image: -ms-linear-gradient(to top, #f4f4f4, #e6e6e6);
+  background-image: -webkit-linear-gradient(to top, #f4f4f4, #e6e6e6);
+  background-image: -o-linear-gradient(to top, #f4f4f4, #e6e6e6);
+  background-image: linear-gradient(to top, #f4f4f4, #e6e6e6);
   border: 1px solid #d2d2d2;
   border-radius: 3px;
   box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);

inc/assets/less/tc_custom_responsive.less

@@ -216,10 +216,10 @@
     right: 0px;
     top: 52px;
     background-color: #FAFAFA;
-    background-image: -moz-linear-gradient(top, white, #F2F2F2);
+    background-image: -moz-linear-gradient(to top, white, #F2F2F2);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2));
-    background-image: -webkit-linear-gradient(top, white, #F2F2F2);
-    background-image: -o-linear-gradient(top, white, #F2F2F2);
+    background-image: -webkit-linear-gradient(to top, white, #F2F2F2);
+    background-image: -o-linear-gradient(to top, white, #F2F2F2);
     background-image: linear-gradient(to bottom, white, #F2F2F2);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff' , endColorstr='#fff2f2f2' , GradientType=0);