Skip to content

Commit 2f8eebf

Browse files
authored
Merge pull request #239 from patternfly/typography-icon-variables
Update heading & icon sizes
2 parents 9e75cd4 + 3f21ec5 commit 2f8eebf

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

themes/cp-theme/red-hat-sass/variables/_typography.scss

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -29,21 +29,21 @@ $pfe-global--FontFamily--monospace: "Overpass Mono", Consolas, Monaco, 'Anda
2929
// ========================================================================
3030

3131
// Heading sizes for Apps
32-
$pfe-global--FontSize--heading--xxl: pfe-size-prem(32px) !default;
33-
$pfe-global--FontSize--heading--xl: pfe-size-prem(28px) !default;
34-
$pfe-global--FontSize--heading--lg: pfe-size-prem(24px) !default;
35-
$pfe-global--FontSize--heading--md: pfe-size-prem(20px) !default;
36-
$pfe-global--FontSize--heading--sm: pfe-size-prem(18px) !default;
37-
$pfe-global--FontSize--heading--xs: pfe-size-prem(16px) !default;
38-
$pfe-global--FontSize--heading--xxs: pfe-size-prem(14px) !default;
32+
$pfe-global--FontSize--heading--xxl: pfe-size-prem($pfe-global--FontSize * 2) !default; // 32px
33+
$pfe-global--FontSize--heading--xl: pfe-size-prem($pfe-global--FontSize * 1.75) !default; // 28px
34+
$pfe-global--FontSize--heading--lg: pfe-size-prem($pfe-global--FontSize * 1.5) !default; // 24px
35+
$pfe-global--FontSize--heading--md: pfe-size-prem($pfe-global--FontSize * 1.25) !default; // 20px
36+
$pfe-global--FontSize--heading--sm: pfe-size-prem($pfe-global--FontSize * 1.125) !default; // 18px
37+
$pfe-global--FontSize--heading--xs: pfe-size-prem($pfe-global--FontSize * 1) !default; // 16px
38+
$pfe-global--FontSize--heading--xxs: pfe-size-prem($pfe-global--FontSize * 0.875) !default; // 14px
3939

4040

4141
// ========================================================================
4242
// Icons Sizes
4343
// ========================================================================
4444

45-
$pfe-global--icon-size--xl: pfe-size-prem(64px) !default;
46-
$pfe-global--icon-size--lg: pfe-size-prem(48px) !default;
47-
$pfe-global--icon-size--md: pfe-size-prem(32px) !default;
48-
$pfe-global--icon-size--sm: pfe-size-prem(16px) !default;
49-
$pfe-global--icon-size--xs: pfe-size-prem(14px) !default;
45+
$pfe-global--icon-size--xl: pfe-size-prem($pfe-global--FontSize * 4) !default; // 64px
46+
$pfe-global--icon-size--lg: pfe-size-prem($pfe-global--FontSize * 3) !default; // 48px
47+
$pfe-global--icon-size--md: pfe-size-prem($pfe-global--FontSize * 2) !default; // 32px
48+
$pfe-global--icon-size--sm: pfe-size-prem($pfe-global--FontSize * 1) !default; // 16px
49+
$pfe-global--icon-size--xs: pfe-size-prem($pfe-global--FontSize * 0.875) !default; // 14px

0 commit comments

Comments
 (0)