印刷用のCSS

mixin 用の設定

//印刷用
@mixin print {
	@media print {
		@content;
	}
}

呼び出し例

@include print {
	footer {
		display: none;
	}
}

よく使うのCSS

* {
	@include print {
		font-size: 9pt;
		box-shadow: none !important;
		text-shadow: none !important;
		span {
			font-size: 1em;
		}
	}
}

body {
	@include print {
		color: #000;
		width: 100% !important;
	}
}   

@include wrap; の打ち消し

@include print {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: inherit;
}

in-view が表示されていない時でも印刷する

.view {//in-view is-show用
	@include print {
		opacity: 1 !important;
		transform: translate(0, 0) !important;
	}
}