인라인

인라인

프레임워크의 기능에 의해 style, script 태그는 style.css, images/script.js 파일로 분리되는데, inline 속성을 부여하면 해당 태그는 빌드 및 배포시 분리 되지 않습니다. 즉, 소스코드 상에 인라인으로 남게됩니다.

개발모드

개발모드에서는 모든 것이 인라인으로 처리되므로 크게 의미가 없습니다.

Usage

*.pug

//- container
main(id="td-index-wrapper")
  //- style
  style(inline).
    main#td-index-wrapper {
      display: table;
      text-align: center;
      height: inherit;
      width: inherit;
    }
  //- script
  script(inline).
    let tidory = "It's awesome framework for Tistory Skin";
    console.log(tidory);

skin.html

skin.html
    
<main id="td-index-wrapper">
  <style>
    main#td-index-wrapper {
      display: table;
      text-align: center;
      height: inherit;
      width: inherit;
    }
  </style>
  <script>
    let tidory = "It's awesome framework for Tistory Skin";
    console.log(tidory);
  </script>
</main>