add layer for content

zumerlab · Oct 17, 2023 · c2ccf84 · c2ccf84
1 parent c3b36c8
commit c2ccf84
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/examples/spread.html b/examples/spread.html
@@ -67,7 +67,7 @@
         <div class="o-orbiter o-md" style="background-color: rgb(194, 212, 29);"></div>
         <div class="o-orbiter o-md" style="background-color: rgb(194, 212, 29);"></div>
         <div class="o-orbiter o-md" style="background-color: rgb(194, 212, 29);">
-          <div class="o-content">Hola</div>
+          <div class="o-content">Hola todo bien</div>
           <div class="o-orbit">
 
             <div class="o-orbiter o-xxs" style="background-color: rgb(42, 165, 95);"></div>

diff --git a/src/utilities/_content.scss b/src/utilities/_content.scss
@@ -2,12 +2,14 @@
 @use '../settings/sass-variables' as *;
 
 .o-orbiter > .o-content {
+    position:absolute;
     padding: 5px;
     width: inherit;
     height: inherit;
     display: grid;
     border-radius: inherit;
     @include alignment;
+    text-align: center;
     overflow: hidden;
     z-index: 10;
 }