0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-06 06:18:32 -05:00
penpot/frontend/resources/styles/common/dependencies/fonts.scss

83 lines
2.7 KiB
SCSS
Raw Normal View History

2016-03-01 20:39:13 +02:00
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
2021-03-23 10:53:40 +01:00
// Copyright (c) UXBOX Labs SL
2016-03-01 20:39:13 +02:00
2015-06-18 19:35:50 +02:00
// Font sizes
$fs8: 0.5rem;
$fs9: 0.5625rem;
$fs10: 0.625rem;
$fs11: 0.6875rem;
$fs12: 0.75rem;
$fs13: 0.8125rem;
$fs14: 0.875rem;
$fs15: 0.9375rem;
$fs16: 1rem;
2015-06-18 19:35:50 +02:00
$fs18: 1.125rem;
$fs19: 1.1875rem;
$fs20: 1.25rem;
$fs21: 1.315rem;
$fs22: 1.375rem;
$fs24: 1.5rem;
$fs26: 1.625rem;
2021-10-05 12:59:00 +02:00
$fs24: 1.75rem;
2015-06-18 19:35:50 +02:00
$fs30: 1.875rem;
$fs32: 2rem;
$fs34: 2.125rem;
$fs36: 2.25rem;
$fs38: 2.375rem;
$fs40: 2.5rem;
$fs42: 2.675rem;
$fs44: 2.75rem;
$extrabold: 900;
// Line height
$base-lh: 1.43;
$base-lh-sm: 1.33;
$title-lh: 1.25;
$title-lh-sm: 1.15;
2020-10-19 13:19:30 +02:00
// Work Sans
@include font-face("worksans", "WorkSans-Thin", "100");
@include font-face("worksans", "WorkSans-ThinItalic", "100", italic);
@include font-face("worksans", "WorkSans-ExtraLight", "200");
@include font-face("worksans", "WorkSans-ExtraLightitalic", "200", italic);
@include font-face("worksans", "WorkSans-Light", "300");
@include font-face("worksans", "WorkSans-LightItalic", "300", italic);
@include font-face("worksans", "WorkSans-Regular", normal);
@include font-face("worksans", "WorkSans-Italic", normal, italic);
@include font-face("worksans", "WorkSans-Medium", "500");
@include font-face("worksans", "WorkSans-MediumItalic", "500", italic);
@include font-face("worksans", "WorkSans-SemiBold", "600");
@include font-face("worksans", "WorkSans-SemiBoldItalic", "600", italic);
@include font-face("worksans", "WorkSans-Bold", bold);
@include font-face("worksans", "WorkSans-BoldItalic", bold, italic);
@include font-face("worksans", "WorkSans-Black", "900");
@include font-face("worksans", "WorkSans-BlackItalic", "900", italic);
2020-10-19 13:19:30 +02:00
2020-04-23 14:43:13 +02:00
// Source Sans Pro
@include font-face("sourcesanspro", "sourcesanspro-extralight", "200");
@include font-face(
"sourcesanspro",
"sourcesanspro-extralightitalic",
"200",
italic
);
@include font-face("sourcesanspro", "sourcesanspro-light", "300");
@include font-face("sourcesanspro", "sourcesanspro-lightitalic", "300", italic);
@include font-face("sourcesanspro", "sourcesanspro-regular", normal);
@include font-face("sourcesanspro", "sourcesanspro-italic", normal, italic);
@include font-face("sourcesanspro", "sourcesanspro-semibold", "600");
@include font-face(
"sourcesanspro",
"sourcesanspro-semibolditalic",
"600",
italic
);
@include font-face("sourcesanspro", "sourcesanspro-bold", bold);
@include font-face("sourcesanspro", "sourcesanspro-bolditalic", bold, italic);
@include font-face("sourcesanspro", "sourcesanspro-black", "900");
@include font-face("sourcesanspro", "sourcesanspro-blackitalic", "900", italic);