# Tips for Dokuwiki [[tech:dokuwiki]]를 사용하면서 습득한 유용한 정보들의 모음. ## 개발 ### css calc dokuwiki는 여러 곳에 작성된 css를 하나의 파일로 컴파일해서 첨부한다. 이 과정에서 less 파서를 사용하는데, 이 파서는 성능에 다소 제약이 있다. 대표적인 예시가 [[language:css]] calc 함수다. 예컨대 `calc(100vw - 2rem)`의 식을 dokuwiki 파서는 `calc(98vw)`로 계산한다. 이 문제를 피하려면, `~"calc(100vw - 2rem)"` 또는 `calc(~"100vw - 2rem")`과 같은 식으로 작성해야 한다[^1]. ### style.ini: selector customization 기본적으로 Dokuwiki는 LESS를 통해 css에 변수를 대입하고 재사용할 수 있도록 하며, styling 플러그인에서 그 설정을 지원한다. 구체적으로는 변수명에서 앞뒤의 밑줄을 제거하고 @ini_ 를 붙여 LESS 변수로 선언하며(예: `__background__` -> `@ini_background`) 본문도 같은 방식으로 치환해 일치시킨다. 이 메커니즘상으로는 selector에 변수를 지정할 수 없는데, CSS 파일에 직접 `@{ini_background}` 형태로 변수명을 입력하면 selector에도 변수 사용이 가능하다. [^1]: https://forum.dokuwiki.org/d/12331-bug-css-width-calc-100-350px-not-working