Skip to content

Commit

Permalink
Fluent: update h1-h2 font size and weight (#25844)
Browse files Browse the repository at this point in the history
  • Loading branch information
Zedwag authored Oct 20, 2023
1 parent a60843e commit 878dbb8
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 16 deletions.
10 changes: 5 additions & 5 deletions packages/devextreme/scss/widgets/fluent/typography/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -14,30 +14,30 @@
@include dx-base-typography();

h1 {
font-weight: 300;
font-weight: 600;
font-size: $fluent-h1-font-size;
letter-spacing: -1.5px;
}

h2 {
font-weight: 300;
font-weight: 600;
font-size: $fluent-h2-font-size;
letter-spacing: -0.5px;
}

h3 {
font-weight: 400;
font-weight: 600;
font-size: $fluent-h3-font-size;
}

h4 {
font-weight: 400;
font-weight: 600;
font-size: $fluent-h4-font-size;
letter-spacing: 0.25px;
}

h5 {
font-weight: 400;
font-weight: 700;
font-size: $fluent-h5-font-size;
}

Expand Down
22 changes: 11 additions & 11 deletions packages/devextreme/scss/widgets/fluent/typography/_sizes.scss
Original file line number Diff line number Diff line change
Expand Up @@ -21,12 +21,12 @@ $fluent-h6-font-size: null !default;
$fluent-s-font-size: 18px !default;
$fluent-xs-font-size: 12px !default;

$fluent-h1-font-size: 96px !default;
$fluent-h2-font-size: 60px !default;
$fluent-h3-font-size: 48px !default;
$fluent-h4-font-size: 34px !default;
$fluent-h5-font-size: 24px !default;
$fluent-h6-font-size: 20px !default;
$fluent-h1-font-size: 40px !default;
$fluent-h2-font-size: 36px !default;
$fluent-h3-font-size: 32px !default;
$fluent-h4-font-size: 26px !default;
$fluent-h5-font-size: 22px !default;
$fluent-h6-font-size: 22px !default;
}

@else if $size == "compact" {
Expand All @@ -36,11 +36,11 @@ $fluent-h6-font-size: null !default;
$fluent-s-font-size: 14px !default;
$fluent-xs-font-size: 12px !default;

$fluent-h1-font-size: 64px !default;
$fluent-h2-font-size: 42px !default;
$fluent-h3-font-size: 20px !default;
$fluent-h4-font-size: 18px !default;
$fluent-h1-font-size: 32px !default;
$fluent-h2-font-size: 28px !default;
$fluent-h3-font-size: 24px !default;
$fluent-h4-font-size: 20px !default;
$fluent-h5-font-size: 16px !default;
$fluent-h6-font-size: 14px !default;
$fluent-h6-font-size: 16px !default;
}

0 comments on commit 878dbb8

Please sign in to comment.