Конвертувати 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