2
/// @author Web Team at Canonical Ltd
3
/// @link http://ubuntudesign.github.io/maas-gui-vanilla-theme/docs/#mixin-maas-typography
7
/// MAAS Typographic element styles
8
/// @group MAAS Typography
9
@mixin maas-typography {
11
@media only screen and (min-width: $breakpoint-large) {
15
text-decoration: none;
16
border-bottom: 1px solid $link-border;
19
text-decoration: none;
28
@include font-size(16px);
29
line-height: #{$line-height-ratio};
37
// Heading required classes and sizes
38
$headings: h1, h2, h3, h4, h5;
39
$size: $h1, $h2, $h3, $h4, $h5;
40
$heading-size: zip($headings, $size);
42
// Shared heading styles
46
line-height: #{$line-height-ratio};
47
color: $headline-color;
50
// Create heading styles
51
@each $h in $heading-size {
53
font-size: #{(nth($h, 2)/16px)*1em};
61
// Additional font sizes
63
@include font-size($gigantic);
67
@include font-size($mega);