search

shivarajnaidu / ng-marquee

Angular 2+ Component For Marquee Text
MIT License
2 stars 5 forks source link

Custom Color #13

Open stingers opened 4 years ago

stingers commented 4 years ago

Hi, how can I custom ng-marquee colors?

mlnisd commented 3 years ago

The ng-marquee tagname is just a HTML element thats a wrapper. You can style it like a HTML tag. Here's how I used it in an Angular project.

/*** HTML ***/
<ng-marquee speed="normal">
  <div class="c-marquee">
    <div class="c-marquee__item">
      <span class="c-marquee__title">{{ title }}</span>
    </div>
  </div>
</ng-marquee>

/*** SCSS ***/
ng-marquee {
  background-color: #000000;
  .c-marquee{
      &__item {
          font-size: 0.875rem;
          line-height: 1;
          color: #FFFFFF;
      }
  }
}

Hope it helps! @stingers