Конвертировать CSS в Stylus

Теги:

Форма для преобразования CSS в Stylus

Эта форма позволяет вам конвертировать CSS стили в Stylus, вставьте или загрузите CSS файл ниже:



Ваш результат можно увидеть ниже.

Результат преобразования CSS в Stylus


Перенести в "Вставить код" для сохранения

О преобразовании CSS в Stylus

О преобразовании CSS стилей в Stylus

CSS to Stylus Converter была создана для оперативного преобразования стилей CSS(Cascading Style Sheets) в Stylus. Нет необходимости загружать или устанавливать какое-либо программное обеспечение.

Как это работает?

Просто выберите нужные параметры и вставьте CSS стили в текстовое поле выше и нажмите кнопку "Конвертировать", и вы сразу получите Stylus код.

Пример преобразования CSS в Stylus

Исходные данные (До): 
.menu_wtools {
width: 100%;background-color: #005555;}
.menu_wtools ul {margin: 0;padding: 0;float: left;}
.menu_wtools ul li {
display: inline;
}
/* some comments */
.menu_wtools ul li a {float: left;text-decoration: none;color: white;padding: 10.5px 11px;background-color: #005555;}
.menu_wtools ul li a:visited {color: white;}
.menu_wtools ul li a:hover, .menu_wtools ul li .current {color: white;background-color: #5FD367;}
Конечный результат (После): 
.menu_wtools
    width 100%
    background-color #005555
    ul
        margin 0
        padding 0
        float left
        li
            display inline
            a
                float left
                text-decoration none
                color white
                padding 10.5px 11px
                background-color #005555
                &:visited
                    color white

.menu_wtools ul li a:hover, .menu_wtools ul li .current
    color white
    background-color #5FD367
После преобразования вы можете применить Stylus стили к своему проекту или использовать его для других целей.
Пожертвовать

Вам понравился этот инструмент? Вы можете задонатить нам. Это поможет нам улучшить наши бесплатные веб-инструменты.

Paypal