레일스 - 스타일 시트 아래에 폴더 만들기

Question

내 app/assets/stylesheets에서 내 html 구성 요소 각각에 특정한 스타일을 만들기 때문에 components 폴더를 만들었습니다. 내 실제 저음 파일 (some_page.scss)에서이 방법은 내가 필요한 것에 따라 약간의 수입을 할 수있다. 나는 보통

_colors.scss // declaring colors for my app 
_other_stuff.scss // other stuff... 

을 수입 할 때, 나는 할 수 있도록 첫 번째 색상을 가져 components에서 지금

- app 
    - assets 
    - stylesheets 
     - components 
     _component1.scss 
     _component2.scss 
     application.css 
     page-specific.scss 

: 시각적 대한

, 여기에 폴더 구조가 지금의 모습입니다 나머지 구성 요소에서 사용하십시오. 그러나 레일은 불평 :

정의되지 않은 변수를 :

라인 # 5 제기 /Users/abdulahmad/Desktop/rails/password-service/app/views/layouts/application.html.erb 표시 " $ 녹색 ".

나는 구성품 폴더에서 내 sass를 컴파일하기 위해 레일스에 특별한 것을하기로되어 있습니까? 또는 다른 이유로이 오류가 발생 했습니까?

@import 'components/colors'; 
@import 'components/inputs'; 

Answer 1

당신의 application.css application.css.scss 에

그리고 응용 프로그램의 이름을 바꿉니다

는 방법으로, 여기에 내 페이지 특정하는 SCS 파일의 내용이다. css.scss 파일은 다음과 같아야합니다.

@import "components/*"; 
@import "page-specific";