やすまんの技術ブログ

駆け出しエンジニアが日々学んだこと、わからなかったことなどをまとめておくブログ。忘備録としても使います。

aタグの装飾方法

aタグの装飾方法

 

結論

aタグは別でクラスを作って装飾をする。

 

 

やり方

haml

ul.side-bar__top-items__icon
=link_to("#####", class: "side__btn side__btn--edit") do
= icon('fas', 'cog', class: "side__btn--icon")

 

scss

.side-bar__top-items__icon {
color: white;

 

では反映されない。

 

aタグがある場合は別でクラスを作ってあげる必要があるので今回は、

 

scss

.side-bar__top-items__icon a {
color: white;

 

とすると反映される。