From 602e8ff703f866ab0fbd668976f9be050fdd9b7a Mon Sep 17 00:00:00 2001 From: Igor Kulikov Date: Thu, 2 Mar 2023 11:26:25 +0200 Subject: [PATCH] UI: typography optimizations --- ui-ngx/src/styles.scss | 102 ++++++++++++++++++++--------------------- 1 file changed, 51 insertions(+), 51 deletions(-) diff --git a/ui-ngx/src/styles.scss b/ui-ngx/src/styles.scss index 6aee1dbdaf..ba08963018 100644 --- a/ui-ngx/src/styles.scss +++ b/ui-ngx/src/styles.scss @@ -88,57 +88,6 @@ a:focus { border-bottom: 1px solid #4054b2; } -h1, -h2, -h3, -h4, -h5, -h6 { - &, &.mat-headline-5 { - margin-top: 1rem; - margin-bottom: 1rem; - } -} - -h1 { - font-size: 3.4rem; - font-weight: 400; - line-height: 4rem; -} - -h2 { - font-size: 2.4rem; - font-weight: 400; - line-height: 3.2rem; -} - -h3 { - font-size: 2rem; - font-weight: 500; - letter-spacing: .005em; -} - -h4 { - font-size: 1.6rem; - font-weight: 400; - line-height: 2.4rem; - letter-spacing: .01em; -} - -h5 { - font-size: 1.4rem; - font-weight: 400; - line-height: 2rem; - letter-spacing: .01em; -} - -h6 { - font-size: 1.2rem; - font-weight: 400; - line-height: 1.6rem; - letter-spacing: .01em; -} - p { margin: .8em 0 1.6em; font-size: 1.6rem; @@ -865,6 +814,57 @@ mat-label { * MATERIAL DESIGN CUSTOMIZATIONS ********************************/ + h1, + h2, + h3, + h4, + h5, + h6 { + &, &.mat-headline-5 { + margin-top: 1rem; + margin-bottom: 1rem; + } + } + + h1 { + font-size: 3.4rem; + font-weight: 400; + line-height: 4rem; + } + + h2 { + font-size: 2.4rem; + font-weight: 400; + line-height: 3.2rem; + } + + h3 { + font-size: 2rem; + font-weight: 500; + letter-spacing: .005em; + } + + h4 { + font-size: 1.6rem; + font-weight: 400; + line-height: 2.4rem; + letter-spacing: .01em; + } + + h5 { + font-size: 1.4rem; + font-weight: 400; + line-height: 2rem; + letter-spacing: .01em; + } + + h6 { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.6rem; + letter-spacing: .01em; + } + .mat-mdc-tooltip { white-space: pre-line; }