/*------------------------------------
  Box-shadows-v1
------------------------------------*/

.u-shadow-v1 {
  &-1 {
    box-shadow: 0 0 5px $g-color-gray-dark-v5;
  }
  &-2 {
    box-shadow: 0 0 10px $g-color-gray-dark-v5;

    &--hover:hover {
      box-shadow: 0 0 10px $g-color-gray-dark-v5;
    }

    &--hover-parent {
      .g-parent:hover & {
        box-shadow: 0 0 10px $g-color-gray-dark-v5;
      }
    }
  }
  &-3 {
    box-shadow: 0 0 5px $g-color-gray-light-v3;
  }
  &-4 {
    box-shadow: 0 0 5px rgba($g-color-black, .1);
  }
  &-5 {
    box-shadow: 0 0 20px rgba($g-color-black, .2);

    &--hover:hover {
      box-shadow: 0 0 20px rgba($g-color-black, .2);
    }

    &--hover-parent {
      *:hover > & {
        box-shadow: 0 0 20px rgba($g-color-black, .2);
      }
    }
  }
  &-6 {
    box-shadow: 0 0 10px rgba($g-color-black, .2);

    &--hover:hover {
      box-shadow: 0 0 10px rgba($g-color-black, .2);
    }

    &--hover-parent {
      *:hover > & {
        box-shadow: 0 0 10px rgba($g-color-black, .2);
      }
    }
  }

  &-7 {
    box-shadow: 0 0 8px $g-color-gray-light-v4;

    &--hover:hover {
      box-shadow: 0 0 8px $g-color-gray-light-v4;
    }

    &--hover-parent {
      *:hover > & {
        box-shadow: 0 0 8px $g-color-gray-light-v4;
      }
    }
  }
}