Joomla 갠트리 CSS/less 구조

Question

joomla 용 새 템플릿을 개발 중이며 갠트리 프레임 워크를 사용하기로 결정했습니다. 그것을 사용하는 마이 문제는, 내가 정말 CSS/덜 구조를 이해하지 않는다는 것입니다. 나는 그것을 더 건조하고 쉽게 유지할 수 있도록 그것을 이해할 필요가있다. 나는 다른 CSS/less 파일에서 다른 우선 순위를 찾는다. 나는 그 논리를 정말로 이해하지 못한다. 누군가가 나에게 css/less가 어떻게 구조화되는지 설명 할 수 있습니까? (희망이 구조에 대한 ideea의 제공)

@import "jui/less/mixins.less"; 

// Core variables and mixins 
@import "variables.less"; 
@import "mixins/index.less"; 

// Core and Grid 
@import "gantry-core.less"; 
@import "joomla-core.less"; 

// Template core styling and layout 
@import "template.less"; 
@import "style.less"; 
@import "header-@{headerstyle}.less"; 
@import "jui/less/font-awesome/font-awesome.less"; 
@import "utilities.less"; 
@import "prettify.less"; 
@import "offline.less"; 
@import "error.less"; 
@import "jui/less/bootstrap-overrides.less"; 

감사 : 다음은 글로벌 덜 파일입니다.

Answer 1

그것은 혼란 스럽습니다. 분명히 최종 사용자를 염두에두고 작성된 것은 아니며 확실히 DRY가 아닙니다. 제 경험상 Gantry 's Less는 매우 잘못 작성되어 전 처리기를 책임있게 또는 효율적으로 사용하는 방법에 대한 기본적인 이해 부족과 프로세스에서 끔찍한 결과물을 만들어냅니다.

가볍고 유지 보수가 덜 필요하다면 처음부터 직접 작성하는 것이 좋습니다.

갠트리와 함께 만든 마지막 템플릿 난 덜한 컴파일러를 사용 중지하고 LESS 파일을 삭제 한 다음 내 자신의 Sass 프레임 워크에서 삭제했습니다.

Answer 2

줄 @import "header-@{headerstyle}.less"; 우리는 전세계에서 당신이 백엔드에서의 사용자 선택에 따라 다른 테마를로드 할 수 있다는 단서를 제공합니다.

기본적으로 각 파일에서 가져 오는 내용을보고 파일 상속을 수행 할 수 있습니다.