apjames93/mui-storyblok

$default-line-width: 100%;

.tester {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0));
}

.fadeInOut {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0));
}

.expandIn {
  animation: expandIn 1s ease-out forwards;
}

.textCenterHR {
  display: flex;
  flex-direction: row;

  &:before, &:after {
    content: "";
    flex: 1 1;
    margin: auto;
  }
}

@keyframes expandIn {
  0% {
    width: 0;
  }
  100% {
    width: $default-line-width;
  }
}

:export {
  lineWidth: $default-line-width;
}