﻿@classname: 'datafieldStyle';
@font-family: Verdana;
@font-Size: 10px;
@color: red;
@color-data: blue;
@color-label: blue;
@font-weight: normal;
@font-style: normal;

@names:datafieldStyle;
@fonts: Verdana;
@fontSize: 10px;
@colors:Black;
@fontWeight: normal;
@fontStyle: normal;
@index:0;
@length:1;

.myClassBuilder(@names; @fonts; @fontSize; @colors; @fontWeight; @fontStyle; @index) when (@index > 0) {
    .myClassBuilder(@names; @fonts; @fontSize; @colors; @fontWeight; @fontStyle; (@index - 1)); 
 
  @name  : extract(@names, @index);
  @font-family : extract(@fonts, @index);
  @font-Size  : extract(@fontSize, @index);
  @color  : extract(@colors, @index);
  @font-weight : extract(@fontWeight, @index);
  @font-style : extract(@fontStyle, @index);    
 
  .@{name} {
    font-family: @font-family !important;
    font-size:@font-Size !important;
    color: @color !important;
    font-weight: @font-weight !important;
    font-style:@font-style !important;
  }
}

.myClassBuilder(@names; @fonts; @fontSize; @colors; @fontWeight; @fontStyle; @length);


