[Frontend] In-progress markup and CSS for limits

WTD-1172
Plot limits so far

platform/features/temp-limits/bundle.json

@@ -0,0 +1,30 @@
+{
+    "extensions": {
+        "types": [
+            {
+                "key": "example.limits",
+                "name": "Limits Examples",
+                "glyph": "\u00EB",
+                "description": "Markup and styles exercised for limits displays",
+                "features": [ "creation" ],
+                "properties": [
+                    {
+                        "key": "url",
+                        "name": "URL",
+                        "control": "textfield",
+                        "pattern": "^(ftp|https?)\\:\\/\\/\\w+(\\.\\w+)*(\\:\\d+)?(\\/\\S*)*$",
+                        "required": false
+                    }
+                ]
+            }
+        ],
+        "views": [
+            {
+                "templateUrl": "examples.html",
+                "name": "Limits Examples",
+                "type": "example.limits",
+                "key": "example.limits"
+            }
+        ]
+    }
+}

platform/features/temp-limits/res/examples.html

@@ -0,0 +1,13 @@
+<h1>Limits Examples</h1>
+
+<h2>Plot limits</h2>
+<div style="width: 1000px; height: 500px">
+    <div class="gl-plot" style="height: 100%;">
+        <div class="gl-plot-display-area">
+            <div class="t-limit l-limit s-limit-upr s-limit-1" style="bottom: 80%"></div>
+            <div class="t-limit l-limit s-limit-upr s-limit-0" style="bottom: 50%"></div>
+            <div class="t-limit l-limit s-limit-lwr s-limit-0" style="bottom: 30%"></div>
+            <div class="t-limit l-limit s-limit-lwr s-limit-1" style="bottom: 10%"></div>
+        </div>
+    </div>
+</div>