LESS StyleSheets Formatter (nm|tU) v1.1.0
Форма авторизации
Главная CSS / LESS / SASS / SCSS LESS StyleSheets Formatter (nm|tU) v1.1.0

LESS StyleSheets Formatter (nm|tU) v1.1.0

ProductiveRage
LESS StyleSheets Formatter (nm|tU) v1.1.0
Это расширение Adobe Brackets для форматирования LESS файлов в чистом и краткой форме. Он работает только с файлами с расширением .less и он предполагает, что содержание является действительным. Если инвалид содержание встречается то он будет форматировать контент до этого момента, вставить некоторые возвращает строку, а затем включить то, что осталось неизменным, наряду с предупреждением в нижней панели, указывающей линию, на которой инвалид содержание сейчас начинается.

Целевая формат прост (и в настоящее время не настраивается). Часы скобки висят, отступы происходит в стиле или СМИ запроса секций с четырех пространств в уровне отступа, все подряд свойства появляются без пустых строк между ними, но пустых строк появятся между всеми блоками правил и вложенных селекторов / запросы средств массовой информации и между любыми последовательными вложенный селекторы / медиа запросы. Любые вложенные селекторы / медиа запросы, которые содержат только одно свойство будет снижена до одной строки. Любые вложенные селекторы, которые могут быть плоские, не затрагивая их значение, будет. Все пустые селекторы или медиа-запросы (те, которые не содержат контент) удаляются.

Например:

Code


div.MyControl
{
    div.Content
    {
        border: 1px solid black;

        background: white;

        h2
        {
            font-size: 20px;
        }

        p
        {
            line-height: 1.8em;
            font-size: 14px;

            span.Notes
            {
            }
        }
    }
}


 
становится

Code


div.MyControl div.Content {
    border: 1px solid black;
    background: white;

    h2 { font-size: 20px; }

    p {
        line-height: 1.8em;
        font-size: 14px;
    }
}


 
с одним росчерком [Ctrl] - [Alt] - [F]!

(Или через "Format LESS StyleSheet (nm|tU)" команды в меню Файл, если вы предпочитаете).

Есть целый ряд специальных условий, чтобы попытаться справиться с комментариями в наименее удивительным образом. "Той же линии" комментарии останутся на той же линии, что и содержимое они были найдены с. Комментарии перед вложенных селекторов или запросов СМИ появится непосредственно перед вложенным содержимым и после любой пустой строки перед вложенным содержимым. Селекторы или медиа-запросы, содержащие комментарии, не считаются пустыми (даже если они не содержат никаких правил или вложенный контент).

Для иллюстрации:

Code


div.MyControl
{
    div.Content
    {
        border: 1px solid black; // This is a "same line" comment
        // border-radius: 4px; <- This is not a "same line comment"
        background: white url("awesome-cats.png") /* url("awesome-dogs.png") */ top left no-repeat; // Another same-liner

        // Header style..
        h2
        {
            font-size: 20px;
        }

        p
        {
            line-height: 1.8em;
            font-size: 14px;

            span.Notes
            {
                // font-style: italic;
            }
        }
    }
}

 


Становится:

Code


div.MyControl div.Content {
    border: 1px solid black; // This is a "same line" comment
    // border-radius: 4px; <- This is not a "same line comment"
    background: white url("awesome-cats.png") /* url("awesome-dogs.png") */ top left no-repeat; // Another same-liner

    // Header style..
    h2 { font-size: 20px; }

    p {
        line-height: 1.8em;
        font-size: 14px;

        span.Notes {
            // font-style: italic;
        }
    }
}

 




Комментарии к материалу
Всего комментариев: 0

avatar