WIKI

SEOUL‍
wiki:sw:dokuwiki:tip...
추적: • 글쓰기 • Bose 101 • Ableton Live • 모닝캄

차이

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

차이 보기로 링크

양쪽 이전 판이전 판
다음 판		이전 판
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] (현재) – 바깥 편집 127.0.0.1
줄 8: 줄 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 · 마지막으로 수정됨: (바깥 편집)