clea,

sites/all/themes/gui/materiobasetheme/less/misc.scss

@@ -1,6 +1,6 @@
 
 //** Messages. */
-.messages(){
+@mixin messages(){
   padding: 9px;
   margin: 0.5em 0 0;
   color: #3a87ad;//#360;
@@ -9,7 +9,7 @@
   -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
-    .12;
+    @include fs12();
 
   &.warning {
     color: #c09853;//#840;
@@ -28,27 +28,27 @@
     color: #468847;//#036;
     background-color: #dff0d8;//#bdf;
     border-color:#d6e9c6;//#ace;
-    .14;
+    @include fs14();
   }
 
 }
 
-div.messages { .messages();}
+div.messages { @include messages();}
 
 .messages-label{display:none;}
 
 #better-messages-wrapper{
-  background-color: rgba(255,255,255,0.7); .p(10px); .rounded(5px); .drop-shadow(0, 0, 6px, 0.4);
+  background-color: rgba(255,255,255,0.7); @include p(10px); @include rounded(5px); @include drop-shadow(0, 0, 6px, 0.4);
   #better-messages-default{
 
     div.messages{
-      .messages(); margin:0 0 10px 0;
+      @include messages(); margin:0 0 10px 0;
     }
     .footer{
       border:none; padding:0; margin:0;
       a.message-close{
         background: #fff url('../img/close.png') no-repeat center center;
-        width:15px; height:15px; .rounded(3px); display:block;
+        width:15px; height:15px; @include rounded(3px); display:block;
 
       }
     }
@@ -128,43 +128,43 @@ div.messages { .messages();}
 /**
 * icons
 */
-.icon(@w, @x, @y, @color : #fff){
+@mixin icon($w, $x, $y, $color : #fff){
   background-image: url('../img/sprite.png');
-  width:@w; height:@w; line-height:@w;
-  background-position: @x @y ;
-  background-color: @color;
+  width:$w; height:$w; line-height:$w;
+  background-position: $x $y ;
+  background-color: $color;
 }
 // [class^="icon-materio-viewmode-"], [class*=" icon-materio-viewmode-"]{
 //   .icon(20px);
 // }
 
 i.icon-materio-viewmode-cardsmall{
-  .icon(20px, -42px, 0);
-  &.active{.icon(21px, 0, 0); }
-  &:hover:not(.active){.icon(21px, -21px, 0); }
+  @include icon(20px, -42px, 0);
+  &.active{@include icon(21px, 0, 0); }
+  &:hover:not(.active){@include icon(21px, -21px, 0); }
 }
 i.icon-materio-viewmode-cardmedium{
-  .icon(21px, -42px, -21px);
-  &.active{.icon(21px, 0, -21px); }
-  &:hover:not(.active){.icon(21px, -21px, -21px); }
+  @include icon(21px, -42px, -21px);
+  &.active{@include icon(21px, 0, -21px); }
+  &:hover:not(.active){@include icon(21px, -21px, -21px); }
 }
 i.icon-materio-viewmode-cardbig{
-  .icon(21px, -42px, -42px);
-  &.active{.icon(21px, 0, -42px); }
-  &:hover:not(.active){.icon(21px, -21px, -42px); }
+  @include icon(21px, -42px, -42px);
+  &.active{@include icon(21px, 0, -42px); }
+  &:hover:not(.active){@include icon(21px, -21px, -42px); }
 }
 i.icon-materio-viewmode-cardfull{
-  .icon(21px, -42px, -63px);
-  &.active{.icon(21px, 0, -63px); }
-  &:hover:not(.active){.icon(21px, -21px, -63px); }
+  @include icon(21px, -42px, -63px);
+  &.active{@include icon(21px, 0, -63px); }
+  &:hover:not(.active){@include icon(21px, -21px, -63px); }
 }
 
 i.icon-materio-search{
-  .icon(21px, -63px, -63px);
+  @include icon(21px, -63px, -63px);
 }
 
 i.icon-materio-folder{
-  .icon(21px, -84px, -63px);
+  @include icon(21px, -84px, -63px);
 }
 
 
@@ -219,7 +219,7 @@ a:hover {
 
 /** COLORBOX */
 #colorbox{
-  .rounded; .drop-shadow(0, 0, 5px, 0.4);
+  @include rounded; @include drop-shadow(0, 0, 5px, 0.4);
   #cboxLoadedContent{ background-color: #fff; }
 }
 
@@ -227,10 +227,10 @@ a:hover {
 /** embed player */
 .embedded-video{
   .player iframe{
-    @media @max-768{
-      max-width:100%;
-      height:auto;
-    }
+    // @media @max-768{
+    //   max-width:100%;
+    //   height:auto;
+    // } change this
   }
 }