CodeGrid UI

Category

Tag

All Colors

header1

/src/assets2/scss/_components.scss
  • context
Heading text 1
<div class="CG2-header1">
  <div class="CG2-header1__heading">Heading text 1</div>
</div>

header2

/src/assets2/scss/_components.scss
  • context
Heading text 2
<div class="CG2-header2">
  <div class="CG2-header2__heading">Heading text 2</div>
</div>

header3

/src/assets2/scss/_components.scss
  • context
Heading text 3
<div class="CG2-header3">
  <div class="CG2-header3__heading">Heading text 3</div>
</div>

leadtext

/src/assets2/scss/_components.scss
  • context
LeadText
<div class="CG2-leadText">LeadText</div>

shortCentered

/src/assets2/scss/_components.scss
  • context
短い時はセンタリング
長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ
<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/_components.scss
  • context

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>