sim3x

https://github.com/twbs/bootstrap/blob/v4-dev/scss...

$primary:       $blue !default;
$secondary:     $gray-600 !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         $gray-100 !default;
$dark:          $gray-800 !default;

Сменить расширение файла на .less

Скачайте файл less.min.js и положите локально

Все равно на прод придется собрать лесс в цсс

Посмотри на twbs и скопируй то, что тебе нравится

начни с минимума
lesscss.org/features/#features-overview-feature-fu...
sass-lang.com/documentation/Sass/Script/Functions.html

Попробуй избежать использования такой функции - она выглядит странно

Потом почитай вот ети гайды
https://csspre.com/convert/

lesscss.org

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

https://nodejs.org/en/download/package-manager/#de...

curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash -
sudo apt-get install -y build-essential
sudo apt-get install -y nodejs

В том, что html отделен от css и в css сразу видно для чего предназначен класс

Различия в инструментах минимальны
Они созданы скорее из-за NIH проблемы, а не из-за уникальности фичи в том или ином инструменте

Ты делаешь неправильно
Тебе не нужны табы
Используй везде пробелы

За 4 часа можно попробовать написать на обоих и самому выбрать

3

.blah{}

body.theme1{
   .blah{}

}