Update old docs to new Pug templates

1 files changed, 36 insertions, 0 deletions

diff --git a/docs/src/contents/text.pug b/docs/src/contents/text.pug
new file mode 100644
index 0000000..a6a733b
--- /dev/null
+++ b/docs/src/contents/text.pug
@@ -0,0 +1,36 @@
+p Text utilities are used for text alignment, styles and overflow things.
+
+pre.code(data-lang='HTML')
+  code
+    :highlight(lang="html")
+      <!-- left-aligned text -->
+      <div class="text-left"></div>
+      <!-- center-aligned text -->
+      <div class="text-center"></div>
+      <!-- right-aligned text -->
+      <div class="text-right"></div>
+      <!-- justified text -->
+      <div class="text-justify"></div>
+
+      <!-- Lowercased text -->
+      <div class="text-lowercase"></div>
+      <!-- Uppercased text -->
+      <div class="text-uppercase"></div>
+      <!-- Capitalized text -->
+      <div class="text-capitalize"></div>
+
+      <!-- Normal weight text -->
+      <div class="text-normal"></div>
+      <!-- Bold text -->
+      <div class="text-bold"></div>
+      <!-- Italicized text -->
+      <div class="text-italic"></div>
+      <!-- Larger text (120%) -->
+      <div class="text-large"></div>
+
+      <!-- Overflow behavior: display an ellipsis to represent clipped text -->
+      <div class="text-ellipsis"></div>
+      <!-- Overflow behavior: truncate the text -->
+      <div class="text-clip"></div>
+      <!-- Text may be broken at arbitrary points -->
+      <div class="text-break"></div>
\ No newline at end of file