gaaamiiのブログ

悪気なく間違ったことを書いている時があります。コメントやTwitter、ブコメなどでご指摘ください

AngularとSass使いたい時どうすればいいんだ問題

(※Angular2以降の話です)

みたいなとき、どうやればいいんだろう。というのを考えてる。

やりたいことのイメージ

// app/assets/stylesheets/variables.scss
$base_color: #723200;
// frontend/src/components/timeline.component.ts
@Component({
    selector: 'timeline',
    templateUrl: './timeline.component.html',
    styleUrls: ['../styles/timeline.component.scss']
})
// frontend/src/styles/timeline.component.scss
button {
  &:hover {
    background-color: $base_color;
  }
}