Documents

DocumentsContent

인라인

인라인

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

개발모드

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

Usage

*.pug

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

skin.html

skin.html
    
<style>
  main#td-index-wrapper {
    display: table;
    text-align: center;
    height: inherit;
    width: inherit;
  }

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