update grid

zumerlab · Oct 4, 2023 · 0aa7d4d · 0aa7d4d
1 parent b5446e4
commit 0aa7d4d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/layouts/_radial-grid.scss b/src/layouts/_radial-grid.scss
@@ -19,14 +19,14 @@
   $z-index: #{$max-orbits - $i};
 
   /* Check if the parent is .docker */
-  .docker > .orbit:nth-child(#{$i}) {
+  .docker > :nth-child(#{$i} of .orbit) {
     --diam: calc(var(--radius-#{$i}) * 2);
     --z-index: #{$z-index};
   }
 
   /* Check if the parent is .orbiter */
  // @each $size, $var in $sizes {
-    .orbiter > .orbit:nth-child(#{$i}) {
+    .orbiter > :nth-child(#{$i} of .orbit) {
     //  @if $size == null {
      //   --diam: calc(var(--m) * #{$i});
      // } @else {
@@ -46,15 +46,15 @@
   $z-index: #{$max-orbits - $i};
 
   /* Check if the parent is .docker */
-  .docker > .orbit:nth-child(#{$i}) > .orbit {
+  .docker > :nth-child(#{$i} of .orbit) > .orbit {
     --diam: calc(var(--radius-#{$i}) * 2);
     --z-index: #{$z-index};
     --x: calc(var(--radius-#{$i}));
     border: none;
   }
 
   /* Check if the parent is .docker */
-  .docker > .orbit:nth-child(#{$i}) > .orbit > .sector {
+  .docker > :nth-child(#{$i} of .orbit) > .orbit > .sector {
     --length: calc(var(--radius-#{$i}) * 2);
     --current-orbit: #{$i};
     --max-orbits: #{$max-orbits};
@@ -165,7 +165,7 @@
 @for $i from $min-orbits through $max-orbits {
 
     /* Set x variable for each orbiter */
-    .docker > .orbit:nth-child(#{$i}) > .orbiter {
+    .docker > :nth-child(#{$i} of .orbit) > .orbiter {
       --x: calc(var(--radius-#{$i}));
     }
     @each $class in $align {

diff --git a/src/utilities/_reset.scss b/src/utilities/_reset.scss
@@ -1,7 +1,9 @@
 /* container */
 .docker * {
   box-sizing: border-box;
-  margin: 0;
   padding: 0;
 }
+ul.orbit, li.orbit {
+  margin: 0
+}