Difference between revisions of "Template:ULaval"
| Line 115: | Line 115: | ||
} | } | ||
| − | h1 | + | h1 { |
font-size: 2em; | font-size: 2em; | ||
| + | /* 2x body copy size = 32px */ | ||
| + | line-height: 1.25; | ||
| + | /* 45px / 36px */ | ||
| + | } | ||
| + | h5 { | ||
| + | font-size: 1em; | ||
/* 2x body copy size = 32px */ | /* 2x body copy size = 32px */ | ||
line-height: 1.25; | line-height: 1.25; | ||
| Line 123: | Line 129: | ||
@media (min-width: 43.75em) { | @media (min-width: 43.75em) { | ||
| − | h1 | + | h1 { |
font-size: 2.5em; | font-size: 2.5em; | ||
| + | /* 2.5x body copy size = 40px */ | ||
| + | line-height: 1.125; | ||
| + | } | ||
| + | h5 { | ||
| + | font-size: 1.5em; | ||
/* 2.5x body copy size = 40px */ | /* 2.5x body copy size = 40px */ | ||
line-height: 1.125; | line-height: 1.125; | ||
| Line 131: | Line 142: | ||
@media (min-width: 56.25em) { | @media (min-width: 56.25em) { | ||
| − | h1 | + | h1 { |
font-size: 3em; | font-size: 3em; | ||
| + | /* 3x body copy size = 48px */ | ||
| + | line-height: 1.05; | ||
| + | /* keep to a multiple of the 20px line height and something more appropriate for display headings */ | ||
| + | } | ||
| + | h5 { | ||
| + | font-size: 2.5em; | ||
/* 3x body copy size = 48px */ | /* 3x body copy size = 48px */ | ||
line-height: 1.05; | line-height: 1.05; | ||
| Line 139: | Line 156: | ||
} | } | ||
| − | h2 | + | h2 { |
font-size: 1.625em; | font-size: 1.625em; | ||
/* 1.625x body copy size = 26px */ | /* 1.625x body copy size = 26px */ | ||
| Line 145: | Line 162: | ||
/* 30px / 26px */ | /* 30px / 26px */ | ||
} | } | ||
| − | + | h6 { | |
| + | font-size: 0.8em; | ||
| + | /* 1.625x body copy size = 26px */ | ||
| + | line-height: 1.15384615; | ||
| + | /* 30px / 26px */ | ||
| + | } | ||
@media (min-width: 43.75em) { | @media (min-width: 43.75em) { | ||
| − | h2 | + | h2 { |
font-size: 2em; | font-size: 2em; | ||
| + | /* 2x body copy size = 32px */ | ||
| + | line-height: 1.25; | ||
| + | } | ||
| + | h6 { | ||
| + | font-size: 1em; | ||
/* 2x body copy size = 32px */ | /* 2x body copy size = 32px */ | ||
line-height: 1.25; | line-height: 1.25; | ||
| Line 155: | Line 182: | ||
@media (min-width: 56.25em) { | @media (min-width: 56.25em) { | ||
| − | h2 | + | h2{ |
font-size: 2.25em; | font-size: 2.25em; | ||
| + | /* 2.25x body copy size = 36px */ | ||
| + | line-height: 1.25; | ||
| + | } | ||
| + | h6 { | ||
| + | font-size: 1.125em; | ||
/* 2.25x body copy size = 36px */ | /* 2.25x body copy size = 36px */ | ||
line-height: 1.25; | line-height: 1.25; | ||
Revision as of 15:16, 18 October 2019
