Преобразование LESS в SASS из креативной темы bootstrap

Я пытаюсь преобразовать файлы LESS из Creative Bootstrap Themes в SASS. Он компилируется без ошибок, но класс бренда заголовка не работает должным образом. Я проверить класс и найти предупреждение «недействительным значение свойства» на следующий код:Преобразование LESS в SASS из креативной темы bootstrap

color: fade(white, 70%);

здесь преобразованный код в SASS:

@media (min-width: 768px) 
    background-color: transparent 
    border-color: fade(white, 0.3) 
    .navbar-header .navbar-brand 
     color: fade(white, 70%) 
     &:hover, 
     &:focus 
      color: white

и здесь оригинал в LESS:

@media (min-width: 768px) { 
    background-color: transparent; 
    border-color: fade(white, 30%); 
    .navbar-header .navbar-brand { 
     color: fade(white, 70%); 
     &:hover, 
     &:focus { 
      color: white; 
     } 
    }

Может кто-нибудь дать мне подсказку? Спасибо

источник

2016-12-25 Wahyu Handy

Я не верю, что в SASS существует точная функция * fade *, как это происходит в LESS, вы можете хотеть * lighten * в зависимости от того, что вы пытаетесь сделать: вот список [Sass Functions] (http: //sass-lang.com/documentation/Sass/Script/Functions.html) – vanburen

@vanburen Я пробовал какую-то функцию как _tint_ раньше, но она не работает, а _lighten_ - это недостающее звено здесь. Спасибо чувак. –

@vanburen вы можете ответить на вопрос, пожалуйста. Поэтому я могу закрыть поток. благодаря –

Использование функции LESS fade вызывает проблему, поскольку она не существует в SASS. Функция lighten представляется альтернативой в зависимости от того, что вы пытаетесь сделать: вот список Sass Functions.

источник

2016-12-25 11:44:54 vanburen

Преобразование LESS в SASS из креативной темы bootstrap

ответ

Смежные вопросы