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

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

О преобразовании 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;
}