fontello classes cannot be extended with current less compiler

css/area_nav-usertools.less

@@ -15,8 +15,12 @@
                 font-size: .8rem;
             }
             a{
-                .profile;
+                .fontello();
+                &.register{
+
+                }
             }
+
         }
     }
 }

css/base_fonts.less

@@ -16,17 +16,225 @@
 /* icon font */
 .setIconFontFace('fontello','fontello');
 
-.icon, [class^="icon-"], [class*=" icon-"],
-.profile,
-.log-in,
-.log-out{
+.icon, [class^="icon-"], [class*=" icon-"]{
   .fontello();
 }
 
 /* custom icon font */
-@import (less) "../fonts/icons/fontello-codes.css";
-
-.profile{
-  .icon-user;
+.icon-user{
+    &::before {
+        content: '\e800';
+    }
+}
+.icon-logout{
+    &::before {
+        content: '\e801';
+    }
 }
 
+.icon-login{
+    &::before {
+        content: '\e802';
+    }
+}
+
+.icon-clipboard{
+    &::before {
+        content: '\e803';
+    }
+}
+
+.icon-emo-happy {
+    &::before {
+        content: '\e804';
+    }
+}
+
+.icon-emo-wink {
+    &::before {
+        content: '\e805';
+    }
+}
+
+.icon-emo-unhappy {
+    &::before {
+        content: '\e806';
+    }
+}
+
+.icon-emo-sleep{
+    &::before {
+        content: '\e807';
+    }
+}
+
+.icon-emo-thumbsup {
+    &::before {
+        content: '\e808';
+    }
+}
+
+.icon-clock{
+    &::before {
+        content: '\e809';
+    }
+}
+
+.icon-link{
+    &::before {
+        content: '\e80a';
+    }
+}
+
+.icon-bell{
+    &::before {
+        content: '\e80b';
+    }
+}
+
+.icon-emo-grin{
+    :before {
+        content: '\e80c';
+    }
+}
+
+.icon-emo-angry{
+    &::before {
+        content: '\e80d';
+    }
+}
+
+.icon-mail{
+    &::before {
+        content: '\e80e';
+    }
+}
+
+.icon-emo-cry {
+    &::before {
+        content: '\e80f';
+    }
+}
+
+.icon-cloud{
+    &::before {
+        content: '\e810';
+    }
+}
+
+.icon-emo-squint{
+    &::before {
+        content: '\e811';
+    }
+}
+
+.icon-emo-laugh{
+    &::before {
+        content: '\e812';
+    }
+}
+
+.icon-emo-wink2{
+    &::before {
+        content: '\e813';
+    }
+}
+
+.icon-cloud-1{
+    &::before {
+        content: '\e814';
+    }
+}
+
+.icon-home-outline{
+    &::before {
+        content: '\e815';
+    }
+}
+
+.icon-home() {
+    &::before {
+        content: '\e816';
+    }
+}
+
+.icon-puzzle-1{
+    &::before {
+        content: '\e817';
+    }
+}
+
+.icon-cog-alt{
+    &::before {
+        content: '\e818';
+    }
+}
+
+.icon-cog{
+    &::before {
+        content: '\e819';
+    }
+}
+
+.icon-help{
+    &::before {
+        content: '\e81a';
+    }
+}
+
+.icon-bookmark-empty{
+    &::before {
+        content: '\f097';
+    }
+}
+
+.icon-menu{
+    &::before {
+        content: '\f0c9';
+    }
+}
+
+.icon-sitemap{
+    &::before {
+        content: '\f0e8';
+    }
+}
+
+.icon-doc-text{
+    &::before {
+        content: '\f0f6';
+    }
+}
+
+.icon-smile{
+    &::before {
+        content: '\f118';
+    }
+}
+
+.icon-frown{
+    &::before {
+        content: '\f119';
+    }
+}
+
+.icon-meh {
+    &::before {
+        content: '\f11a';
+    }
+}
+
+.icon-puzzle {
+    &::before {
+        content: '\f12e';
+    }
+}
+
+.icon-file-pdf{
+    &::before {
+        content: '\f1c1';
+    }
+}
+
+
+

css/base_mixins.less

@@ -28,8 +28,9 @@
 }
 
 .fontello(){
-    &:before{
-        font-family: "topmeteo";
+
+    &::before{
+        font-family: "fontello";
         font-style: normal;
         font-weight: normal;
         speak: none;

fonts/icons/fontello-codes.css

@@ -1,37 +0,0 @@
-
-.icon-user:before { content: '\e800'; }
-.icon-logout:before { content: '\e801'; }
-.icon-login:before { content: '\e802'; } /* '' */
-.icon-clipboard:before { content: '\e803'; } /* '' */
-.icon-emo-happy:before { content: '\e804'; } /* '' */
-.icon-emo-wink:before { content: '\e805'; } /* '' */
-.icon-emo-unhappy:before { content: '\e806'; } /* '' */
-.icon-emo-sleep:before { content: '\e807'; } /* '' */
-.icon-emo-thumbsup:before { content: '\e808'; } /* '' */
-.icon-clock:before { content: '\e809'; } /* '' */
-.icon-link:before { content: '\e80a'; } /* '' */
-.icon-bell:before { content: '\e80b'; } /* '' */
-.icon-emo-grin:before { content: '\e80c'; } /* '' */
-.icon-emo-angry:before { content: '\e80d'; } /* '' */
-.icon-mail:before { content: '\e80e'; } /* '' */
-.icon-emo-cry:before { content: '\e80f'; } /* '' */
-.icon-cloud:before { content: '\e810'; } /* '' */
-.icon-emo-squint:before { content: '\e811'; } /* '' */
-.icon-emo-laugh:before { content: '\e812'; } /* '' */
-.icon-emo-wink2:before { content: '\e813'; } /* '' */
-.icon-cloud-1:before { content: '\e814'; } /* '' */
-.icon-home-outline:before { content: '\e815'; } /* '' */
-.icon-home:before { content: '\e816'; } /* '' */
-.icon-puzzle-1:before { content: '\e817'; } /* '' */
-.icon-cog-alt:before { content: '\e818'; } /* '' */
-.icon-cog:before { content: '\e819'; } /* '' */
-.icon-help:before { content: '\e81a'; } /* '' */
-.icon-bookmark-empty:before { content: '\f097'; } /* '' */
-.icon-menu:before { content: '\f0c9'; } /* '' */
-.icon-sitemap:before { content: '\f0e8'; } /* '' */
-.icon-doc-text:before { content: '\f0f6'; } /* '' */
-.icon-smile:before { content: '\f118'; } /* '' */
-.icon-frown:before { content: '\f119'; } /* '' */
-.icon-meh:before { content: '\f11a'; } /* '' */
-.icon-puzzle:before { content: '\f12e'; } /* '' */
-.icon-file-pdf:before { content: '\f1c1'; } /* '' */

style.ini

@@ -51,6 +51,7 @@
 
 css/base.less                         = all
 css/base_mixins.less                  = all
+css/base_fontello-codes.less          = all
 css/base_fonts.less                   = all
 css/base_structure.less               = all
 css/base_design.less                  = all