3-variables edit

/* scss/3-variables/_wm-font-families.scss */

//* --- W&M FONT TOKENS --- */
// from fonts.com

// Avenir Next W01
// regular - 400 normal
// italic - 400 italic
// medium - 500 medium
// demi italic - 600 semi-bold italic
// demi - 700 bold
// bold - 800 extra-bold
// condensed - 100 - not used
// condensed demi - 200 - not used

// Freight Display Pro W03
// has Open Type features (currently using lining figures)
//	light - 300 normal
//  	Info For menu list titles
//		Site menu main nav links
// 	book - 400 normal
// 		Info For menu figure title
// 		Site menu secondary titles
// 	medium italic - 500 italic
// 		page subtitles
// 	bold - 700
// 		banner dept
// 	black - 900
// 		Info For menu Explore More title

// Freight Text W03
// has Open Type features (currently using lining figures)
// medium - 500
// 		page title
// 		row card titles

$font-base-line_height: 1.5;
$font-heading-line-height: 1.2;

$base-text-size: 1rem; //16px

// ==============================================
// W&M FONT MAP
// use font() function to pull fonts from map
// usage: font-family: font(text-sans);
// usage: font-weight: font(sans-weight, demi);
// ==============================================
$fonts: (
	text-sans: (
		("Avenir Next W01", "Nunito Sans", Verdana, sans-serif)
	),
	sans: (
		("Avenir Next W01", "Nunito Sans", Verdana, sans-serif)
	),
	heading-sans: (
		("Avenir Next W01", "Nunito Sans", sans-serif)
	),
	heading-serif: (
		("Freight Display Pro W03", Times, serif)
	),
	heading-serif-italic: (
		("Freight Display Pro W03", Times, serif)
	),
	serif: (
		("Freight Display Pro W03", Times, serif)
	),
	alt-heading-serif: (
		("Freight Text W03", Times, serif)
	),
	text-sans-weight: (
		demi: 700,
		bold: 800
	),
	sans-weight: (
		normal: 400,
		medium: 500,
		demi-italic: 600,
		demi: 700,
		bold: 800
	),
	serif-weight: (
		light: 300,
		book: 400,
		medium: 500,
		bold: 700,
		"black": 900
	),
	alt-heading-weight: (
		medium: 500
	),
	text-line-height: 1.6,
	heading-line-height: 1.4
);

// this is deprecated but may still be used somewhere
$font-weights: (
	text-sans-weight: (
		demi: 700,
		bold: 800
	),
	sans-weight: (
		normal: 400,
		medium: 500,
		demi-italic: 600,
		demi: 700,
		bold: 800
	),
	serif-weight: (
		light: 300,
		book: 400,
		medium: 500,
		bold: 700,
		"black": 900
	),
	alt-heading-weight: (
		medium: 500
	)
);
// output weights map to css variables using a SASS loopweights
// this is deprecated but may still be used somewhere
:root {
	@each $font_parent, $font_child in $font-weights {
		@each $font_name, $font in $font_child {
			--font-#{$font-parent}-#{$font-name}: #{$font};
		}
	}
}
 

/* scss/3-variables/_wm-font-families.scss */

//* --- W&M FONT TOKENS --- */
// from fonts.com

// Avenir Next W01
// regular - 400 normal
// italic - 400 italic
// medium - 500 medium
// demi italic - 600 semi-bold italic
// demi - 700 bold
// bold - 800 extra-bold
// condensed - 100 - not used
// condensed demi - 200 - not used

// Freight Display Pro W03
// has Open Type features (currently using lining figures)
//	light - 300 normal
//  	Info For menu list titles
//		Site menu main nav links
// 	book - 400 normal
// 		Info For menu figure title
// 		Site menu secondary titles
// 	medium italic - 500 italic
// 		page subtitles
// 	bold - 700
// 		banner dept
// 	black - 900
// 		Info For menu Explore More title

// Freight Text W03
// has Open Type features (currently using lining figures)
// medium - 500
// 		page title
// 		row card titles

$font-base-line_height: 1.5;
$font-heading-line-height: 1.2;

$base-text-size: 1rem; //16px

// ==============================================
// W&M FONT MAP
// use font() function to pull fonts from map
// usage: font-family: font(text-sans);
// usage: font-weight: font(sans-weight, demi);
// ==============================================
$fonts: (
	text-sans: (
		("Avenir Next W01", "Nunito Sans", Verdana, sans-serif)
	),
	sans: (
		("Avenir Next W01", "Nunito Sans", Verdana, sans-serif)
	),
	heading-sans: (
		("Avenir Next W01", "Nunito Sans", sans-serif)
	),
	heading-serif: (
		("Freight Display Pro W03", Times, serif)
	),
	heading-serif-italic: (
		("Freight Display Pro W03", Times, serif)
	),
	serif: (
		("Freight Display Pro W03", Times, serif)
	),
	alt-heading-serif: (
		("Freight Text W03", Times, serif)
	),
	text-sans-weight: (
		demi: 700,
		bold: 800
	),
	sans-weight: (
		normal: 400,
		medium: 500,
		demi-italic: 600,
		demi: 700,
		bold: 800
	),
	serif-weight: (
		light: 300,
		book: 400,
		medium: 500,
		bold: 700,
		"black": 900
	),
	alt-heading-weight: (
		medium: 500
	),
	text-line-height: 1.6,
	heading-line-height: 1.4
);

// this is deprecated but may still be used somewhere
$font-weights: (
	text-sans-weight: (
		demi: 700,
		bold: 800
	),
	sans-weight: (
		normal: 400,
		medium: 500,
		demi-italic: 600,
		demi: 700,
		bold: 800
	),
	serif-weight: (
		light: 300,
		book: 400,
		medium: 500,
		bold: 700,
		"black": 900
	),
	alt-heading-weight: (
		medium: 500
	)
);
// output weights map to css variables using a SASS loopweights
// this is deprecated but may still be used somewhere
:root {
	@each $font_parent, $font_child in $font-weights {
		@each $font_name, $font in $font_child {
			--font-#{$font-parent}-#{$font-name}: #{$font};
		}
	}
}