본문 스타일을 정의 할 곳

Question

내 Neat Bourbon 웹 사이트에서 본문 요소의 배경색을 무시할 수없는 경우이 문제가 발생합니다.

은 내가 _layout.scss 파일에서이 같은 배경 색상을 정의 :

body { 
background: lighten($brokenwhite, 5); 
} 

을하지만 크롬 DevTools로의 요소를 검사 할 때, body 요소의 배경색은 여전히 ​​'흰색'으로 정의된다.

그래서 body 요소의 배경색을 정의 할 수 있습니까?

내 소스 저장소는 available here입니다.

Answer 1

SASS가 컴파일 중이 아닌 것 같습니다. 아마도 이것을 변경하려고 시도해보십시오.

body { 
background: lighten($brokenwhite, 5%); 
} 

'%'를 5 뒤에 추가했습니다. 또한 $ brokenwhite가 정의 된 변수인지 확인하십시오.

아마 (자동으로이 작업을 수행해야하지만)이 _layout.scss이 단지의 경우에이 도움이

희망을 가져 오는 것을 어느 말대꾸 파일을 저장합니다.

Answer 2

나는 $brokenwhite 색이 너무 밝아서 결과적으로 SASS 컴파일러가 white을 반환한다고 생각합니다. 예를 들어

는 :

$brokenwhite: #eee; 

body { 
    background: lighten($brokenwhite, 10); 
} 

결과는 다음과 같습니다 당신은 위의 예제를 컴파일 SassMeister 온라인 도구를 사용할 수

body { 
    background: white; 
} 

.