Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
@doodle/components / structure / ProductFooter / ProductFooter.css
Size: Mime:
.ProductFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-tiny);
  padding: var(--space) 0;

  &__link-button {
    color: inherit;
    background: none;
    text-decoration: none;
    cursor: pointer;
    border: none;
    font: inherit;
    display: inline;
    padding: 0;
  }

  &__link:hover {
    text-decoration: underline;
  }

  &__link,
  &__link:visited {
    margin: 0 var(--space);
    text-decoration: none;
  }
}

.ProductFooter--light {
  color: var(--color-neutral-700);
  background-color: var(--color-white);

  & .ProductFooter__link,
  & .ProductFooter__link:visited {
    color: var(--color-neutral-700);
  }
}

.ProductFooter--dark {
  color: var(--color-white);
  background-color: var(--color-brand-800);

  & .ProductFooter__link,
  & .ProductFooter__link:visited {
    color: var(--color-white);
  }
}

.ProductFooter--transparent {
  color: var(--color-neutral-700);
  background-color: transparent;

  & .ProductFooter__link,
  & .ProductFooter__link:visited {
    color: var(--color-neutral-700);
  }
}