차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- wiki:sw:dokuwiki:tips [2023/06/14 16:19] – ↷ 문서가 sw:dokuwiki:tips에서 wiki:sw:dokuwiki:tips(으)로 이동되었습니다 clockoon
+++ wiki:sw:dokuwiki:tips [2023/06/27 23:54] (현재) – clockoon
@@ 줄 8: / 줄 8: @@
 ### 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

wiki/sw/dokuwiki/tips.1686759564.txt.gz · 마지막으로 수정됨: 2023/06/14 16:19 저자 clockoon