2014-01-15 5 views
8

그러나 나는 내 세련된-portfolio.css.scss.erb 파일에 다음과 같은 오류를 받고 있어요 내 레일 애플 리케이션에 http://startbootstrap.com/stylish-portfolio를 사용하려고 해요 내 CSS 파일 :SASS 잘못된 CSS 오류가

@import 'bootstrap' 

/* Global Styles */ 

html, 
body { 
    height: 100%; 
    width: 100%; 
} 

.vert-text { 
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
} 

.vert-text h1 { 
    padding: 0; 
    margin: 0; 
    font-size: 4.5em; 
    font-weight: 700; 
} 

...

+1

오류를 생성하는 파일이 아닙니다. – meagar

+0

FontAwesome의 CSS 파일과 비슷합니다. 'stylish-portfolio.css.scss.erb'의 실제 내용을 확인하고 해당 게시물을 편집 할 수 있습니까? – lime

+0

향후 독자를위한 노트 : CSS는 이제 올바른 것으로, 위의 두 가지 설명을 무시하십시오. :) – lime

답변

33

내 생각 엔 당신이 어쩌면 SCSS 변수 정의 후 stylish-portfolio.css.scss.erb 파일에 세미콜론을 누락 것입니다?

Here's the original CSS file 나는 이것을 기반으로한다고 가정하고, 그 사이에 diff을 사용하여 변경된 사항을 확인하고자한다고 가정합니다.


편집 : 그래는 분명히 첫 번째 줄 이후에 누락 된 세미콜론이있다. 당신이 .scss 확장자를 사용하기 때문에 @import

@import 'bootstrap' 

대신

@import 'bootstrap'; 

을해야합니다. 확장자가 .sass 인 경우 세미콜론을 생략 할 수 있습니다.

+0

어리석은 실수, 잘못된 파일을 여기에 게시했습니다. 사실 세련된 portfolio.css.scss 파일에 세미콜론이 없습니다. 어쨌든 나는 그 질문을 고칠 것이다, 고마워! –

+0

또 다른 고지 사항에서 다른 오류를 저에게 맡길 수 있다면 대단히 감사하겠습니다 (http://stackoverflow.com/questions/21142113/asset-pipeline-undefined-variable-sass). 나는 지금 오랫동안 인터넷 검색을 해왔고 여전히 해결책을 찾을 수 없다. –

+0

분명히 말하자면, 문제는 특별히 @import '부트 스트랩'라인인데 그 끝에는 세미콜론이 있어야합니다. "오류를 생성하는 파일이 아닙니다."라는 질문에 대한 주석은 질문자가 게시 한 이전 스 니펫과 관련이있는 것으로 나타 났지만이 대답에서 "파일의 어느 정도 아래쪽"을 의미하는 "대답"을 오해하게 만들었습니다. 문서 여기 https://github.com/twbs/bootstrap-sass#sass – iftheshoefritz

관련 문제