LESS: Changing few lines after updating grunt-contrib-less to v2…

It does not allow Javascript within declarations now

Author: machal

Gruntfile.js

@@ -9,6 +9,7 @@ module.exports = function(grunt) {
           "css/style.css": "less/index.less"
         },
         options: {
+          inlineJavaScript: true,
           sourceMap: true,
           sourceMapFilename: "css/style.css.map",
           sourceMapURL: "rekrea.css.map",

css/style.css

@@ -890,8 +890,8 @@ table.fontSmall th {
 }
 .unveil {
   opacity: 0;
-  -webkit-transition: opacity .5s ease-in;
-  transition: opacity .5s ease-in;
+  -webkit-transition: opacity 0.5s ease-in;
+  transition: opacity 0.5s ease-in;
 }
 .more_info {
   color: #666;
@@ -999,7 +999,7 @@ Nová (od 12/2015)
 }
 .container.ajax {
   -webkit-box-shadow: none;
-  box-shadow: none;
+          box-shadow: none;
   margin: 0;
 }
 .content {
@@ -2083,14 +2083,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
   width: 18px;
   height: 2px;
   background-color: black;
-  -webkit-border-radius: 1px;
-  -webkit-background-clip: padding-box;
-  -moz-border-radius: 1px;
-  -moz-background-clip: padding;
   border-radius: 1px;
-  background-clip: padding-box;
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 }
 .pine-trigger .icon-bar:before,
 .pine-trigger .icon-bar:after {
@@ -2131,11 +2126,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
 }
 .fx-hover-fade .pine-level-2,
 .fx-hover-fade .pine-level-3 {
-  -webkit-opacity: 0;
-  -moz-opacity: 0;
   opacity: 0;
-  -webkit-transition: visibility 0s .1s, opacity .1s ease-in-out;
-  transition: visibility 0s .1s, opacity .1s ease-in-out;
+  -webkit-transition: visibility 0s 0.1s, opacity 0.1s ease-in-out;
+  transition: visibility 0s 0.1s, opacity 0.1s ease-in-out;
 }
 .fx-hover-fade .pine-level-2 > li > a,
 .fx-hover-fade .pine-level-3 > li > a,
@@ -2150,8 +2143,6 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
 }
 .fx-hover-fade .pine-level-open > .pine-level-2,
 .fx-hover-fade .pine-level-open > .pine-level-3 {
-  -webkit-opacity: 1;
-  -moz-opacity: 1;
   opacity: 1;
   -webkit-transition: opacity 0.1s ease-in-out;
   transition: opacity 0.1s ease-in-out;
@@ -2305,7 +2296,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
 }
 .container .site-nav a {
   -webkit-box-sizing: border-box;
-  box-sizing: border-box;
+          box-sizing: border-box;
   display: block;
   padding: 12px 12px 11px;
   color: #fff;

css/style.css.map

@@ -89,7 +89,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
 .site-nav__main .pine-level-1 {
   margin: 0;
   padding: 0;
-  
+
     @media @large-start {
       display: flex;
     }
@@ -98,7 +98,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
 .site-nav__main .pine-level-1 > li {
   text-align: center;
   @media @large-start {
-    flex: 1;    
+    flex: 1;
   }
 }
 
@@ -166,7 +166,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
 
 // Položka navigace obecně
 .container .site-nav a {
-  .box-sizing(border-box);
+  box-sizing:border-box;
   display: block;
   padding: 12px 12px 11px;
   color: #fff;

less/components/site_nav.less

@@ -43,7 +43,7 @@ Nová (od 12/2015)
   background-image: none !important; /* DEPRECATED if newlayout */
 
   &.ajax {
-    .box-shadow(none);
+    box-shadow: none;
     margin: 0;
   }
 }

less/layout/layout.less

@@ -91,7 +91,7 @@
       left: 0;
       overflow: hidden;
       width: 100%;
-      .transition(max-height .1s ease-in-out);
+      transition: max-height .1s ease-in-out;
     }
 
     .js &.pine-visible {

less/lib/pine/core/base.less

@@ -9,8 +9,8 @@
 
   .pine-level-2,
   .pine-level-3 {
-    .opacity(0);
-    .transition(~"visibility 0s .1s, opacity .1s ease-in-out");
+    opacity: 0;
+    transition: visibility 0s .1s, opacity .1s ease-in-out;
 
     // Removed default indentation
     > li > a,
@@ -24,17 +24,17 @@
   // Animation on 1st level
   .pine-level-1 > li > a,
   .pine-level-1 > li > strong {
-    .transition(~"background .1s");
+    transition: background .1s;
   }
 
   // Animation on 2nd, 3rd level
   .pine-level-open > .pine-level-2,
   .pine-level-open > .pine-level-3 {
-    .opacity(1);
-    .transition(opacity .1s ease-in-out);
+    opacity: 1;
+    transition: opacity .1s ease-in-out;
   }
 
   .noanim {
-    .transition(~"none !important");
+    transition: none !important;
   }
 }

less/lib/pine/modules/fx/hover-fade.less

@@ -26,7 +26,7 @@
 
   .js & ul ul {
     visibility: hidden;
-    .transition(~"visibility 0s .2s");
+    transition: visibility 0s .2s;
   }
 
   // No 2nd, 3rd level indentation
@@ -48,7 +48,7 @@
 	}
 
 	.pine-level-1 > .pine-level-open > ul {
-		.transition(~"visibility 0s 0s");
+		transition: visibility 0s 0s;
 	}
 }
 

less/lib/pine/modules/fx/right-to-left.less

@@ -31,8 +31,8 @@
     width: 18px;
     height: 2px;
     background-color: black;
-    .border-radius(1px);
-    .box-shadow(0 1px 0 rgba(255,255,255,.5));
+    border-radius: 1px;
+    box-shadow: 0 1px 0 rgba(255,255,255,.5);
   }
 
   &:before, &:after {