Конвертер CSS в SASS самый простой
Этот бесплатный онлайн-инструмент позволяет конвертировать файл CSS в файл SASS. Просто вставьте свой CSS в форму ниже, и он мгновенно конвертируется в SASS. Нет необходимости загружать или устанавливать какое-либо программное обеспечение. Бесплатно
Как преобразовать CSS в SASS?
Шаг 1: Выберите свой ввод. Введите данные.
Шаг 2: Выберите параметры вывода (необязательно) Параметры вывода.
Шаг 3: Создайте вывод.
Примеры конвертера CSS в SASS
CSS
.feature-url {
background: #f7f7f7;
text-align: center;
}
.feature-url li {
list-style: none;
display: inline-block;
margin: 2px;
border: 1px solid #e9ebee;
text-align: center;
}
.feature-url li a {
padding: 5px;
color: blue;
display: block;
min-width: 70px;
}
.feature-url li a i {
font-size: 20px;
}
.feature-url li a:hover {
text-decoration: none;
background: #e9ebee;
color: #222;
}
.feature-url li.active a {
background: #e9ebee;
color: #222;
}
SASS
$color1: #f7f7f7
$color2: #e9ebee
$color3: #222222
.feature-url
background: @color1
text-align: center
li
list-style: none
display: inline-block
margin: 2px
border: 1px solid @color2
text-align: center
a
padding: 5px
color: blue
display: block
min-width: 70px
i
font-size: 20px
&:hover
text-decoration: none
background: @color2
color: @color3
&.active a
background: @color2
color: @color3
CSS в SASS помогает преобразовать формат стиля CSS в формат стиля SASS. Это очень простой и легкий способ преобразовать и поделиться данными CSS в SASS.
Лучший и безопасный CSS для SASS хорошо работает в Windows, Mac, Linux, Chrome, Firefox, Safari и Edge.