fix calc functions

src/Umbraco.Web.UI.Client/src/less/application/grid.less

@@ -125,7 +125,7 @@ body {
 
 @media (max-width: 500px) {
     #search-form .form-search {
-        width: ~"(calc(~'100%' - ~'80px'))";
+        width: calc(100% - 80px);
     }
 }
 

src/Umbraco.Web.UI.Client/src/less/canvas-designer.less

@@ -14,7 +14,7 @@ body {
     overflow: hidden;
     height: 100%;
     width: 100%;
-    width: ~"(calc(~'100%' - ~'80px'))"; // 80px is the fixed left menu for toggling the different browser sizes
+    width: calc(100% - 80px); // 80px is the fixed left menu for toggling the different browser sizes
     position: absolute;
     padding: 0;
     margin: 0;

src/Umbraco.Web.UI.Client/src/less/components/overlays.less

@@ -155,7 +155,7 @@
 @media (max-width: 500px) {
     .umb-overlay.umb-overlay-left {
         margin-left: 41px;
-        width: ~"(calc(~'100%' - ~'41px'))";
+        width: calc(100% - 41px);
     }
 }
 

src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less

@@ -329,7 +329,7 @@ a.umb-package-details__back-link {
 .umb-package-details__main-content {
     flex: 1 1 auto;
     margin-right: 40px;
-    width: ~"(calc(~'100%' - ~'@{sidebarwidth}' - ~'40px'))"; // Make sure that the main content area doesn't gets affected by inline styling
+    width: calc(~'100%' - ~'@{sidebarwidth}' - ~'40px'); // Make sure that the main content area doesn't gets affected by inline styling
 }
 
 .umb-package-details__sidebar {

src/Umbraco.Web.UI.Client/src/less/sections.less

@@ -126,7 +126,7 @@ ul.sections li.help {
 	bottom: 0;
 	left: 0;
 	display: block;
-	width: ~"(calc(~'100%' - ~'5px'))"; //subtract 4px orange border + 1px border-right for sections
+	width: calc(100% - 5px); //subtract 4px orange border + 1px border-right for sections
 }
 
 ul.sections li.help a {