@use "sass:list";

@function cx-top($list) {
   @if (list.length($list) > 0) {
      @return list.nth($list, 1);
   }
   @return null;
}

@function cx-right($list) {
   @if (list.length($list) == 1) {
      @return list.nth($list, 1);
   }
   @if (list.length($list) > 1) {
      @return list.nth($list, 2);
   }
   @return null;
}

@function cx-bottom($list) {
   @if (list.length($list) > 2) {
      @return list.nth($list, 3);
   }

   @if (list.length($list) >= 1) {
      @return list.nth($list, 1);
   }

   @return null;
}

@function cx-left($list) {
   @if (list.length($list) == 1) {
      @return list.nth($list, 1);
   }

   @if (list.length($list) == 2) {
      @return list.nth($list, 2);
   }

   @if (list.length($list) == 3) {
      @return list.nth($list, 2);
   }

   @if (list.length($list) == 4) {
      @return list.nth($list, 4);
   }
   @return null;
}