Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / contents / meters.pug
diff options
context:
space:
mode:
1 files changed, 0 insertions, 22 deletions
-rw-r--r--docs/src/contents/meters.pug22
diff --git a/docs/src/contents/meters.pug b/docs/src/contents/meters.pug
deleted file mode 100644
index 8f96070..0000000
--- a/docs/src/contents/meters.pug
+++ /dev/null
@@ -1,22 +0,0 @@
-p Meters represent the value within the known range.
-
-.docs-demo.columns
- .column.col-3.col-xs-12
- meter.meter(value="20" min="0" max="100")
- .column.col-3.col-xs-12
- meter.meter(value="60" min="0" low="30" optimum="60" high="80" max="100")
- .column.col-3.col-xs-12
- meter.meter(value="85" min="0" low="30" high="80" max="100")
- .column.col-3.col-xs-12
- meter.meter(value="20" min="0" low="30" optimum="90" high="80" max="100")
-
-pre.code(data-lang='HTML')
- code
- :highlight(lang="html")
- <!-- Meter is green when low < value < high -->
- <meter class="meter" value="20" min="0" max="100"></meter>
- <meter class="meter" value="60" min="0" max="100" low="30" high="80"></meter>
- <!-- Meter is yellow when value < low or high < value -->
- <meter class="meter" value="85" min="0" max="100" low="30" high="80"></meter>
- <!-- Meter is red when value < low < high < optimum or optimum < low < high < value -->
- <meter class="meter" value="20" optimum="90" min="0" max="100" low="30" high="80"></meter> \ No newline at end of file