변경 mixins.scss는 여기

Question

우리가하고있는 일입니다 오기 CSS 파일을 변경하지 않습니다 : 우리가 \html\css\common\_mixins.scss 파일을 수정하는 훅을 만드는

• .

배포 할 때 파일이 업데이트됩니다. 여태까지는 그런대로 잘됐다.

이 믹스를 가져 오는 CSS 파일에 변경 사항이 표시되지 않습니다 (예 :이 파일 - \webapps\ROOT\html\css\taglib\navbar.css).

일부 디버깅 후 .sass-cache 폴더에 이라는 폴더가 있으며이 파일에는 최종 생성 된 파일 navbar.css이 있으며이 파일은 포털에서 사용됩니다.

이제이 mixin을 가져 오는 모든 CSS 파일을 다시 컴파일하지/.sass-cache 폴더로 재생성하여 후크를 쓸모 없게 만듭니다.

누군가이 믹스 인을 사용하는 방법이 있는지 또는 다른 방법으로이를 수행 할 수 있는지 또는 내가 알고있는 경우에만이 믹스 인을 사용하여 수동으로 모든 CSS 파일을 다시 컴파일 할 수 있는지 알려줄 수 있습니까?

또한 .sass-cache 삭제는 핫 픽스가있는 경우 liferay로 CSS 파일을 패치하는데도 사용되므로 옵션이 아닙니다. comments

우리가이 파일을 변경해야 할 이유에서 톰캣

와 함께 번들로

환경

을 Liferay EE 6.2 SP9

---

이유_{은을 가지고있다 방법은 탐색 바에 반응 형 요소를 사용하지 않도록 설정하는 것입니다. 또는 전체 포털에 대한 응답 성을 더 좋게 해제하는 것이 좋습니다. 응답 성은 미디어 쿼리 때문입니다.}

감사

Answer 1

변경 사항이 반영되지 않았으므로 CSS는 연결을위한 것이 아닙니다.

그래서 많은 것을 시도한 후에도 응답 성을 비활성화 할 수 없었으므로 다음 CSS를 테마에 custom.css에 적용했습니다. 이것은 네비게이션 바를 위해, 다른 것들은 우리가 다시 그 스타일을 개별적으로 포함 할 수 있습니다.

@media (max-width: 979px) { 
    .navbar .container { 
     position: initial; 
    } 
    .navbar .container .btn-navbar { 
     color: initial; 
     display: none; 
     margin-bottom: initial; 
     width: initial; 
    } 
    .navbar .container .btn-navbar > .icon-bar:first-child { 
     margin-top: initial; 
    } 
    .navbar .container .btn-navbar > .icon-bar:last-child { 
     margin-bottom: initial; 
    } 
    .navbar .container .nav-collapse { 
     display: initial; 
    } 
    .navbar .container .nav-collapse.open { 
     display: initial; 
     height: initial; 
     overflow: initial; 
    } 
    .navbar .container .nav-collapse .btn { 
     padding: initial; 
    } 
    .navbar .container .navbar-search { 
     margin: initial; 
     padding: initial; 
    } 
    .navbar .container .navbar-search .btn, 
    .navbar .container .navbar-search .btn-link { 
     clip: none; 
     position: initial; 
    } 
    .navbar .container .navbar-search .form-search { 
     margin: initial; 
    } 
    .navbar .container .navbar-search .form-search .input-append { 
     display: initial; 
     padding-right: initial; 
    } 
    .navbar .container .navbar-search .form-search .input-append .search-query { 
     width: initial; 
    } 
} 

이 CSS 코드는 this Liferay forum post에서 가져옵니다.

Answer 2

그것은 후크를 통해 _mixins.scss을 변경하는 것은 불가능하고,뿐만 아니라 인해 악 말대꾸 - 캐시입니다.

_mixins.scss가 쓰여지고 SASS이므로 컴파일하여 sass-cache에 저장해야합니다. 모든 테마에는 모든 sass 파일의 컴파일 된 버전이 포함됩니다.

유일한 방법은 자신 만의 테마를 만들고 _mixins.scss 또는 _diff 폴더의 다른 파일을 변경하는 것입니다.

왜 특정 파일을 변경해야합니까?