Style.less Unrecognised input

[Akbar]

Здравствуйте!У меня такая проблема в коде в style.less

style.less

@main-color: red;
@main-bg-color: lightgray;

@base-size: 24px;

body {
    margin: 0;
    padding: 0;
    color: black;
    font-size: 14px;
}
p {
    color: @main-color;
    background-color: @main-bg-color;
}
.bordered {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.sq {
    height: @base-size * 15;
    width: @base-size * 15;
    background-color:darken(@main-bg-color, 50%)
    .bordered;
}

style.css

body {
  margin: 0;
  padding: 0;
  color: black;
  font-size: 14px;
}
p {
  color: red;
  background-color: lightgray;
}
.bordered {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.sq {
  height: 360px;
  width: 360px;
  background-color: #535353;
}

Пишу в style.less . имя миксина .bordered; в программе brackets, не компилирует миксины в сss и выводит ошибку  ? Почему?

Error in file 'C:/Users/Патша/Desktop/Project 2/style.less' on line 23: Unrecognised input

как можно исправить?подскажите пожалуйста

Ответы уже 2 дня ищу не могу исправить

Edited November 17, 2019 by klierik

[klierik]

Здравствуйте. Попробуйте так:

.sq {
    height: @base-size * 15;
    width: @base-size * 15;
    background-color:darken(@main-bg-color, 50%)
    .bordered();
}

 

[Akbar]

Всё равно выводит ошибку, и не компилирует bordered в css 

Unrecognised input

 вот такая ошибка

Edited November 17, 2019 by Akbar

[klierik]

Ошибка тут:

background-color:darken(@main-bg-color, 50%)

в конце строки должна быть точка с запятой ";"

background-color:darken(@main-bg-color, 50%);

 

[Akbar]

Спасибо за найденную ошибку!