scss SASS片段

Posted 2021-05-17

/******************************************
	Custom Font
******************************************/
@font-face {
	font-family: 'Ailerons';
	src: url('../fonts/ailerons.otf') format('opentype'),
		url('../fonts/ailerons.ttf') format('truetype');
}


/******************************************
	Responsive Rules
******************************************/
$res_below_mobile: "only screen and (max-width : 500px)";
$res_below_mini: "only screen and (max-width : 768px)";
$res_below_pro: "only screen and (max-width : 1024px)";

$res_only_pro: "only screen and (min-width: 900px) and (max-width : 1100px)";
$res_only_mini: "only screen and (min-width: 750px) and (max-width : 800px)";

@media #{$res_below_mobile} {} // use