Akbar

Style.less Unrecognised input

Recommended Posts

Здравствуйте!У меня такая проблема в коде в 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 by klierik

Share this post


Link to post
Share on other sites

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

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

 

Share this post


Link to post
Share on other sites

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

Unrecognised input

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

Edited by Akbar

Share this post


Link to post
Share on other sites

Ошибка тут:

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

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

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

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,614
    Total Members
    3,128
    Most Online
    PPPoison
    Newest Member
    PPPoison
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • сделал класс narrow чтобы уменьшить ширину, но на место не возвращается блок читал что ширина сетки 960px, а в шаблоне ширина 1140px
    • Потому что 1-й блок не имеет отступа слева. А 4-й имеет, из-за чего доступная область на втором рже меньше.
      В связи с этим последний блок "перескочил" на следующую строку только потому, что ему не хватает места.
    • <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <h2>Обратная связь</h2> <form name="MyForm" action="#openModal" method="post"><br> <input name="name" style="width: 420px" type="text" placeholder="Ваши фамилия, имя, отчество" /><br> <input name="tel" style="width: 420px" type="tel" placeholder="Ваш номер телефона" /><br> <input name="email" style="width: 420px" type="email" placeholder="Ваша электронная почта" /><br> <textarea name="body" style="width: 420px" placeholder="Ваше сообщение"></textarea><br> <br>Нажимая на кнопку "Отправить", я даю согласие на обработку своих персональных данных в соответствии с <a href="politika.htm" target="_blank">Политикой конфиденциальности</a><br> <p style="text-align: center"><input type="submit" value="Отправить" id="btnpng4" /></p> </form> <?php if (isset($_POST["email"]) || isset($_POST["tel"])){ if (isset($_POST["name"])) {$name = $_POST["name"];} if (isset($_POST["tel"])) {$tel = $_POST["tel"];} if (isset($_POST["email"])) {$email = $_POST["email"];} if (isset($_POST["body"])) {$body = $_POST["body"];} if(empty($email) or empty($name) or empty($body)){   //отправка сообщения на email } else if(empty($tel) or empty($name) or empty($body)){   //отправка сообщения на tel } else{   //вывод предупреждения, что не заполнены обязательные поля } комментарии    
      Заменить на соответствующий код который будет выполнять эти действия
  • Popular Contributors