Grid over graphic fix.

master
Zed A. Shaw 3 years ago
parent 30459d7977
commit d0c1a3b39b
  1. 14
      public/build/bundle.js
  2. 2
      public/code/GridOverGraphic.html
  3. 4
      src/demos/GridOverGraphic.svelte
  4. 2
      src/thumbs/GridOverGraphic.svelte

@ -7555,7 +7555,7 @@ var app = (function () {
t10 = space(); t10 = space();
three = element("three"); three = element("three");
h13 = element("h1"); h13 = element("h1");
h13.textContent = "Bottom Right"; h13.textContent = "Bottom Left";
t12 = space(); t12 = space();
p2 = element("p"); p2 = element("p");
p2.textContent = "I don't know why I put that sphere there."; p2.textContent = "I don't know why I put that sphere there.";
@ -7574,7 +7574,7 @@ var app = (function () {
attr_dev(two, "class", "svelte-1n9y415"); attr_dev(two, "class", "svelte-1n9y415");
add_location(two, file$e, 79, 6, 1376); add_location(two, file$e, 79, 6, 1376);
add_location(h13, file$e, 85, 6, 1581); add_location(h13, file$e, 85, 6, 1581);
add_location(p2, file$e, 86, 6, 1609); add_location(p2, file$e, 86, 6, 1608);
attr_dev(three, "class", "svelte-1n9y415"); attr_dev(three, "class", "svelte-1n9y415");
add_location(three, file$e, 84, 6, 1567); add_location(three, file$e, 84, 6, 1567);
attr_dev(overlay, "class", "svelte-1n9y415"); attr_dev(overlay, "class", "svelte-1n9y415");
@ -14676,11 +14676,11 @@ var app = (function () {
h12.textContent = "Icecream Rules"; h12.textContent = "Icecream Rules";
t8 = space(); t8 = space();
p1 = element("p"); p1 = element("p");
p1.textContent = "Sometimes you want to put a graphic behind some creatively\n organize text and panels. You can dot that with CSS grids."; p1.textContent = "Sometimes you want to put a graphic behind some creatively\n organize text and panels. You can do that with CSS grids.";
t10 = space(); t10 = space();
three = element("three"); three = element("three");
h13 = element("h1"); h13 = element("h1");
h13.textContent = "Bottom Right"; h13.textContent = "Bottom Left";
t12 = space(); t12 = space();
p2 = element("p"); p2 = element("p");
p2.textContent = "I don't know why I put that sphere there."; p2.textContent = "I don't know why I put that sphere there.";
@ -14700,10 +14700,10 @@ var app = (function () {
add_location(p1, file$y, 86, 6, 1504); add_location(p1, file$y, 86, 6, 1504);
attr_dev(two, "class", "svelte-1c5ml3s"); attr_dev(two, "class", "svelte-1c5ml3s");
add_location(two, file$y, 84, 6, 1462); add_location(two, file$y, 84, 6, 1462);
add_location(h13, file$y, 90, 6, 1667); add_location(h13, file$y, 90, 6, 1666);
add_location(p2, file$y, 91, 6, 1695); add_location(p2, file$y, 91, 6, 1693);
attr_dev(three, "class", "svelte-1c5ml3s"); attr_dev(three, "class", "svelte-1c5ml3s");
add_location(three, file$y, 89, 6, 1653); add_location(three, file$y, 89, 6, 1652);
attr_dev(overlay, "class", "svelte-1c5ml3s"); attr_dev(overlay, "class", "svelte-1c5ml3s");
add_location(overlay, file$y, 77, 4, 1292); add_location(overlay, file$y, 77, 4, 1292);
attr_dev(icecream, "class", "svelte-1c5ml3s"); attr_dev(icecream, "class", "svelte-1c5ml3s");

@ -16,7 +16,7 @@
organize text and panels. You can dot that with CSS grids. organize text and panels. You can dot that with CSS grids.
</two> </two>
<three> <three>
<h1>Bottom Right</h1> <h1>Bottom Left</h1>
<p>I don't know why I put that sphere there.</p> <p>I don't know why I put that sphere there.</p>
</three> </three>
</overlay> </overlay>

@ -85,10 +85,10 @@
<two> <two>
<h1>Icecream Rules</h1> <h1>Icecream Rules</h1>
<p>Sometimes you want to put a graphic behind some creatively <p>Sometimes you want to put a graphic behind some creatively
organize text and panels. You can dot that with CSS grids. organize text and panels. You can do that with CSS grids.
</two> </two>
<three> <three>
<h1>Bottom Right</h1> <h1>Bottom Left</h1>
<p>I don't know why I put that sphere there.</p> <p>I don't know why I put that sphere there.</p>
</three> </three>
</overlay> </overlay>

@ -83,7 +83,7 @@
organize text and panels. You can dot that with CSS grids. organize text and panels. You can dot that with CSS grids.
</two> </two>
<three> <three>
<h1>Bottom Right</h1> <h1>Bottom Left</h1>
<p>I don't know why I put that sphere there.</p> <p>I don't know why I put that sphere there.</p>
</three> </three>
</overlay> </overlay>

Loading…
Cancel
Save