Headings_and_Contexts
/src/assets2/scss/codegrid-ui.scss
<div class="CG2-header1">
<div class="CG2-header1__heading">Heading text 1</div>
</div>
/src/assets2/scss/codegrid-ui.scss
<div class="CG2-header2">
<div class="CG2-header2__heading">Heading text 2</div>
</div>
/src/assets2/scss/codegrid-ui.scss
<div class="CG2-header3">
<div class="CG2-header3__heading">Heading text 3</div>
</div>
leadtext
/src/assets2/scss/codegrid-ui.scss
<div class="CG2-leadText">LeadText</div>
shortCentered
/src/assets2/scss/codegrid-ui.scss
長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ
<div class="CG2-shortCentered">
<div class="CG2-shortCentered__inner">
短い時はセンタリング
</div>
</div>
<div class="CG2-shortCentered">
<div class="CG2-shortCentered__inner">
長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ
</div>
</div>
holizontalLine
/src/assets2/scss/codegrid-ui.scss
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Lorem ipsum dolor sit amet, consectetur adipisicing elit
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div class="CG2-holizontalLine"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>