summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/grids/test/doc_subgrid.html
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/inspector/grids/test/doc_subgrid.html')
-rw-r--r--devtools/client/inspector/grids/test/doc_subgrid.html56
1 files changed, 56 insertions, 0 deletions
diff --git a/devtools/client/inspector/grids/test/doc_subgrid.html b/devtools/client/inspector/grids/test/doc_subgrid.html
new file mode 100644
index 0000000000..fef13bcc5c
--- /dev/null
+++ b/devtools/client/inspector/grids/test/doc_subgrid.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <style>
+ .container {
+ display: grid;
+ grid-gap: 5px;
+ grid-template: auto / 1fr 3fr 1fr;
+ background: lightyellow;
+ }
+
+ .subgrid {
+ display: grid;
+ grid: subgrid / subgrid;
+ }
+
+ header, aside, section, footer {
+ background: lightblue;
+ font-family: sans-serif;
+ font-size: 3em;
+ }
+
+ header, footer {
+ grid-column: span 3;
+ }
+
+ main {
+ grid-column: span 3;
+ }
+
+ .aside1 {
+ grid-column: 1;
+ }
+
+ .aside2 {
+ grid-column: 3;
+ }
+
+ section {
+ grid-column: 2;
+ }
+ </style>
+</head>
+<body>
+ <div class="container">
+ <header class="subgrid">Header</header>
+ <main class="subgrid">
+ <aside class="aside1 subgrid">aside</aside>
+ <section>section</section>
+ <aside class="aside2 subgrid">aside2</aside>
+ </main>
+ <footer>footer</footer>
+ </div>
+</body>
+</html>