Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / contents / shapes.pug
blob: c6afe85d71b10b47bde65234d2396d8ff7a97ba8 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
p Shape utilities are used for change element shapes.

.docs-demo.columns
  .column.col-6.text-center
    .bg-primary.text-light.docs-shape.s-rounded.centered
      | s-rounded
  .column.col-6.text-center
    .bg-primary.text-light.docs-shape.s-circle.centered
      | s-circle

pre.code(data-lang='HTML')
  code
    :highlight(lang="html")
      <!-- rounded element -->
      <div class="s-rounded"></div>
      <!-- circle element -->
      <div class="s-circle"></div>