Docs: remove scroll from attach

Author: jlukic

docs/src/examples/query/plugins/query-attach-behavior/page.css

@@ -36,8 +36,9 @@ html {
 }
 
 .square {
-  background-color: var(--red-5);
-  border: var(--red-border);
+  background-color: var(--inverted-100);
+  border: var(--border);
+  border-radius: var(--border-radius);
   width: var(--square-size);
   height: var(--square-size);
   min-width: var(--square-size-min);
@@ -46,13 +47,13 @@ html {
   font-size: 9px;
   padding: 5px;
   font-weight: bold;
-  color: var(--red-text-color);
+  color: var(--text-color);
   box-shadow: var(--shadow);
   text-align: center;
   align-content: center;
 
   /* Make arrow match the square */
-  --arrow-border-base: var(--red-border-color);
-  --arrow-background: var(--red-5);
+  --arrow-border-base: var(--border-color);
+  --arrow-background: var(--inverted-100);
 
 }

docs/src/examples/query/plugins/query-attach-behavior/page.html

@@ -1,4 +1,4 @@
-<div class="scroll">
+<div class="container">
   <div class="box"></div>
   <div class="square" data-position="top left">Top Left</div>
   <div class="square" data-position="top">Top</div>