ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / morandas1 / wp-content / plugins / envato-elements / src / js / react / components

@keyframes bounceDot {
  0% {
    transform: translateY(0);
  }

20% {
    transform: translateY(-100%);
  }

50% {
    transform: translateY(0);
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

$dotSize: 16px;

.wrap {
  width: 130px;
  height: 50px;
  position: relative;
  margin: auto;
  animation: fadein 1s;
  padding-top: $dotSize;
  &:before{
    content: "";
    display: inline-block;
    width: $dotSize;
    height: $dotSize;
    background-color: #523ee8;
    border-radius: 50%;
    margin: 0 7px;
    animation: bounceDot 1.1s -0.6s linear infinite;
  }
  &:after{
    content: "";
    display: inline-block;
    width: $dotSize;
    height: $dotSize;
    background-color: #f73859;
    border-radius: 50%;
    margin: 0 7px;
    animation: bounceDot 1.1s 0s linear infinite;
  }
}

.inner {
  &:before{
    content: "";
    display: inline-block;
    width: $dotSize;
    height: $dotSize;
    background-color: #6d47d9;
    border-radius: 50%;
    margin: 0 7px;
    animation: bounceDot 1.1s -0.4s linear infinite;
  }
  &:after{
    content: "";
    display: inline-block;
    width: $dotSize;
    height: $dotSize;
    background-color: #f7bc28;
    border-radius: 50%;
    margin: 0 7px;
    animation: bounceDot 1.1s -0.2s linear infinite;
  }
}

[+] ..
[+] LibraryResultsElementor
[-] LibrarySearchElementor.jsx [edit]
[-] LibraryResultsLayout.module.css [edit]
[-] Photos.jsx [edit]
[-] LibraryResultsElementorBlocks.module.css [edit]
[-] ElementorBlocks.module.css [edit]
[-] LibrarySearchBeaverBuilder.jsx [edit]
[-] LibraryHeader.module.css [edit]
[-] BeaverBuilder.jsx [edit]
[-] LibrarySearchElementorFilters.jsx [edit]
[-] Global.jsx [edit]
[-] LibraryResultsElementorLayout.jsx [edit]
[-] LoadingSpinner.jsx [edit]
[-] LibraryResultsPhotos.jsx [edit]
[-] LibraryResultsBeaverBuilder.module.css [edit]
[-] Settings.module.css [edit]
[-] ElementorBlocks.jsx [edit]
[-] Importer.jsx [edit]
[-] LibraryResultsElementorBlocks.jsx [edit]
[-] LibrarySearch.module.css [edit]
[-] LibraryResultsBeaverBuilder.jsx [edit]
[-] LicenseButton.jsx [edit]
[-] LibraryResults.jsx [edit]
[-] Importer.module.css [edit]
[-] Settings.jsx [edit]
[-] Inserter.jsx [edit]
[-] LibraryResultsLayout.jsx [edit]
[-] Elementor.module.css [edit]
[-] Photos.module.css [edit]
[-] ProjectName.jsx [edit]
[-] LoadingSpinner.module.css [edit]
[-] LibrarySearchElementorBlocks.jsx [edit]
[-] LibraryHeader.jsx [edit]
[-] Inserter.module.css [edit]
[-] ProjectName.module.css [edit]
[-] LibrarySearchPhotos.jsx [edit]
[-] Global.module.css [edit]
[-] Header.jsx [edit]
[-] LibraryResultsRows.module.css [edit]
[-] Home.jsx [edit]
[-] Elementor.jsx [edit]
[-] LibrarySearch.jsx [edit]
[-] LibraryResults.module.css [edit]
[-] LibraryResultsRows.jsx [edit]
[-] LibraryResultsPhotos.module.css [edit]
[-] Header.module.css [edit]
[-] LicenseButton.module.css [edit]