hippie-style/global/_typography.scss

@use "config";

// Basic styles
// -----------------------------------------------------------------------------

%basic {
	font-family: config.$family_text_basic;
	font-size: config.$size_text_1;
	line-height: config.$line_text_basic;
}

%basic_mono {
	font-family: config.$family_text_mono;
	font-size: config.$size_text_1;
	line-height: config.$line_text_mono;
}

%basic_print {
	font-family: config.$family_text_print;
	font-size: config.$size_text_1;
	line-height: config.$line_text_basic;
}

%head_all {
	font-family: config.$family_head_basic;
	line-height: config.$line_head_basic;
}

%head_1 {
	font-size: config.$size_head_1;
	font-weight: 300;
}

%head_2 {
	font-size: config.$size_head_2;
	font-weight: 300;
}

%head_3 {
	font-size: config.$size_head_3;
	font-weight: 300;
}

%head_4 {
	font-size: config.$size_head_4;
	font-weight: 300;
}

%short {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; // vendor
}