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

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

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


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

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


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

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

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

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

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

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

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

Исходные данные (До):
.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;
				}
			}
			a:hover, .current {
				color: white;
				background-color: #5FD367;
			}
		}
	}
}
Конечный результат (После):
.menu_wtools {
  width: 100%;
  background-color: #005555;
}
.menu_wtools ul {
  margin: 0;
  padding: 0;
  float: left;
}
.menu_wtools ul li {
  display: inline;
}
.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;
}
После преобразования вы можете применить CSS стили к своему проекту или использовать его для других целей.
Пожертвовать

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

Paypal