WIKI

SEOUL‍
wiki:sw:dokuwiki:tip...
Trace: • 거울 No.3 • 아메토라 : 일본은 어떻게 아메리칸 스타일을 구원했는가

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
wiki:sw:dokuwiki:tips [2023/06/15 01:19] – ↷ 문서가 sw:dokuwiki:tips에서 wiki:sw:dokuwiki:tips(으)로 이동되었습니다 clockoonwiki:sw:dokuwiki:tips [2025/11/06 01:12] (current) – external edit 127.0.0.1
Line 8: Line 8:
 ### css calc ### css calc
 dokuwiki는 여러 곳에 작성된 css를 하나의 파일로 컴파일해서 첨부한다. 이 과정에서 less 파서를 사용하는데, 이 파서는 성능에 다소 제약이 있다. 대표적인 예시가 [[language:css]] calc 함수다. 예컨대 `calc(100vw - 2rem)`의 식을 dokuwiki 파서는 `calc(98vw)`로 계산한다. 이 문제를 피하려면, `~"calc(100vw - 2rem)"` 또는 `calc(~"100vw - 2rem")`과 같은 식으로 작성해야 한다[^1].  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 [^1]: https://forum.dokuwiki.org/d/12331-bug-css-width-calc-100-350px-not-working
wiki/sw/dokuwiki/tips.1686759564.txt.gz · Last modified: (external edit)