2016-11-23 18 views
1

私は、印刷用のmy(Angular 1.x)アプリケーションのページを持っています。ユーザーが印刷を選択したときに、アプリケーションの印刷媒体スタイルを適用して適用する必要がありますが、常にこの1ページに適用したいと思います(Chromeの印刷メディアエミュレーションをオンにした場合と同じように)。印刷プレビューページに印刷メディアのスタイルを読み込む方法

私は、他のクラス内のすべての印刷媒体スタイルを複製しないようにしようとしています。私はこのように、SASSの継承を使用することができることを期待していた:

.print-styles { 
    // all of my print styles here 
} 

.my-print-page { 
    @extend .print-styles; 
} 

@media print { 
    @extend .print-styles; 
} 

...しかし、SASSは@mediaディレクティブの内部@extendの使用を許可していません。

これを達成する最もよい方法は何ですか?

答えて

1

私は自分の質問に答えるつもりです。その解決策は、不快で単純です - @extendの代わりに、mixinを書いて@include

@mixin print-styles { 
    // all of my print styles here 
} 

.my-print-page { 
    @include .print-styles; 
} 

@media print { 
    @include .print-styles; 
} 
関連する問題