focalboard/webapp/src/styles/_typography.scss
Harshil Sharma d0ba389063
FTUE - Dashboard (#1177)
* Dashboard UI complete

* Updating UI changes

* Finishing touches

* Made navigation better

* Updated dashboard navigation

* Fixed spacing issue

* Fixed spacing issue

* Updating UI

* Fixed a CSS linter issue

* Update webapp/i18n/en.json

Co-authored-by: Justine Geffen <justinegeffen@users.noreply.github.com>

* Updated docs

Co-authored-by: Justine Geffen <justinegeffen@users.noreply.github.com>

* Update webapp/i18n/en.json

Co-authored-by: Justine Geffen <justinegeffen@users.noreply.github.com>

* Disabled image

* FIxed tests

* Review fixes

Co-authored-by: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Co-authored-by: Justine Geffen <justinegeffen@users.noreply.github.com>
Co-authored-by: Scott Bishel <scott.bishel@mattermost.com>
2021-09-14 10:42:18 -06:00

106 lines
1.8 KiB
SCSS

h1,
h2,
h3,
.title {
font-family: Metropolis, sans-serif;
font-weight: 600;
}
.focalboard-body {
.title {
font-size: 40px;
line-height: 40px;
margin: 0 0 10px;
}
}
.font-semibold {
font-weight: 600;
}
.text-heading8 {
font-size: 32px;
font-weight: 600;
}
.text-heading7 {
font-size: 28px;
font-weight: 600;
}
.text-heading6 {
font-size: 25px;
font-weight: 600;
}
.text-heading5 {
font-size: 22px;
font-weight: 600;
}
.text-heading4 {
font-size: 20px;
font-weight: 600;
}
.text-heading3 {
font-size: 18px;
font-weight: 600;
}
.text-heading2 {
font-size: 16px;
font-weight: 600;
}
.text-heading1 {
font-size: 14px;
font-weight: 600;
}
.text-base {
font-size: 16px;
}
// Metropolis font definitions
@font-face {
font-family: 'Metropolis';
font-style: normal;
font-weight: 600;
src: url('../fonts/metropolis/Metropolis-SemiBold.woff2') format('woff2');
}
@font-face {
font-family: 'Metropolis';
font-style: italic;
font-weight: 600;
src: url('../fonts/metropolis/Metropolis-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Metropolis';
font-style: normal;
font-weight: 400;
src: url('../fonts/metropolis/Metropolis-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Metropolis';
font-style: italic;
font-weight: 400;
src: url('../fonts/metropolis/Metropolis-RegularItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Metropolis';
font-style: normal;
font-weight: 300;
src: url('../fonts/metropolis/Metropolis-Light.woff2') format('woff2');
}
@font-face {
font-family: 'Metropolis';
font-style: italic;
font-weight: 300;
src: url('../fonts/metropolis/Metropolis-LightItalic.woff2') format('woff2');
}