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