Using Styles and StyleUrls Component Properties in Angular

Problem
repeating a style is common while coding , for example: - container , font-style buttons ..etc.

As angular component is separated (CSS and HTML) , We face a repetitive code and if we need to change a style we needs to change many time for minor change -maybe-

✨Solution

styleUrls: ['./component1.scss',
'../component2.scss']

@Component({
  selector: 'component',
  templateUrl: './component.html',

  styleUrls: ['./component1.scss',
    '../component2.scss']
})

export class Component implements OnInit {
  ngOnInit(): void {
  }
}

so if the style we need is existing in a different component we can add the path of CSS , better than copying the style code