@olya_097

Не компилируется данный sass код, что нужно исправить?

https://jsfiddle.net/dvt71hn0/1/
Не компилируется данный sass код

Ошибок не выдает
  • Вопрос задан
  • 154 просмотра
Пригласить эксперта
Ответы на вопрос 1
iDomanOff
@iDomanOff
После двоеточия нужно пробелы добавлять...
$text-color: #333333
$dark-color: #000000
$red-color: #9b1818
$blur-color: #003469
$green-color: #67bc5c

body
	font-family: "RobotoRegular", sans-serif
	color: $text-color
	font-weight: normal
	font-size: 16px
	min-width: 320px
	position: relative
	line-height: 1.6
	-webkit-font-smoothing: antialised
	
h1
	color:#fff
	font-size: 60px
	line-height: 56px
	font-weight: bold
	font-family: "Cleanvertising", sans-serif
	
section
	padding: 58px 0 68px
	&.s_dark
		h2, h3, p
			color:#fff
	h2
		color: $blur-color
		font-size: 50px
		line-height: 56px
		margin-bottom: 50px
		
body input:focus:required:invalid,
body textarea:focus:required:invalid
	color: red
body input:required:valid,
body textarea:required:valid
	color: green

.hidden
	display: none


header
	min-height: 640px
	background-image: url(../img/top__bg.jpg)
	background-position: top center
	background-size: cover

и все компилится
body {
  font-family: "RobotoRegular", sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.6;
  -webkit-font-smoothing: antialised;
}

h1 {
  color: #fff;
  font-size: 60px;
  line-height: 56px;
  font-weight: bold;
  font-family: "Cleanvertising", sans-serif;
}

section {
  padding: 58px 0 68px;
}

section.s_dark h2, section.s_dark h3, section.s_dark p {
  color: #fff;
}

section h2 {
  color: #003469;
  font-size: 50px;
  line-height: 56px;
  margin-bottom: 50px;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: red;
}

body input:required:valid,
body textarea:required:valid {
  color: green;
}

.hidden {
  display: none;
}

header {
  min-height: 640px;
  background-image: url(../img/top__bg.jpg);
  background-position: top center;
  -webkit-background-size: cover;
          background-size: cover;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы