diff --git a/examples/arcgrid.html b/examples/arcgrid.html index 1bf7c67..618e8ac 100644 --- a/examples/arcgrid.html +++ b/examples/arcgrid.html @@ -12,16 +12,22 @@ font-family: 'Lucida Sans', Verdana, sans-serif; } .capsule { - rotate: calc(var(--rotate) * -1 * 45); + + margin: auto 0 ; padding: 10px; - width: 100%; - height: 100%; - border: 1px solid rgb(113, 110, 110); - + color: white; + width: 80%; + height: 40px; + border: 1px solid rgb(190, 15, 15); + /*rotate: calc(var(--rotate) * -1);*/ + + } + .arc { - place-items: center; - --width: 12px; + + + --width:12px; background-color: darkslategray; } @@ -39,7 +45,11 @@
-
+
+
+ hola play +
+
@@ -48,11 +58,15 @@
-
+
+ hola play +
-
+
+ hola play +
@@ -95,7 +109,7 @@
- hola + hola play