mirror of
https://github.com/penpot/penpot.git
synced 2025-01-10 17:00:36 -05:00
97 lines
4 KiB
SCSS
97 lines
4 KiB
SCSS
// 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/.
|
|
//
|
|
// Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
|
|
// Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
|
|
|
|
// 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 ;
|
|
$fs18: 1.125rem;
|
|
$fs19: 1.1875rem;
|
|
$fs20: 1.25rem;
|
|
$fs21: 1.315rem;
|
|
$fs22: 1.375rem;
|
|
$fs24: 1.5rem;
|
|
$fs26: 1.625rem;
|
|
$fs28: 1.75rem;
|
|
$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;
|
|
|
|
// Source Sans Pro
|
|
@include font-face("sourcesanspro","sourcesanspro-extralight", "100");
|
|
@include font-face("sourcesanspro","sourcesanspro-extralightitalic","100",italic);
|
|
@include font-face("sourcesanspro","sourcesanspro-light","200");
|
|
@include font-face("sourcesanspro","sourcesanspro-lightitalic","200",italic);
|
|
@include font-face("sourcesanspro","sourcesanspro-regular",normal);
|
|
@include font-face("sourcesanspro","sourcesanspro-italic",normal,italic);
|
|
@include font-face("sourcesanspro","sourcesanspro-semibold","500");
|
|
@include font-face("sourcesanspro","sourcesanspro-semibolditalic","500",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);
|
|
|
|
// Open Sans
|
|
@include font-face("opensans","opensans-extralight","100");
|
|
@include font-face("opensans","opensans-extralightitalic","100",italic);
|
|
@include font-face("opensans","opensans-light","200");
|
|
@include font-face("opensans","opensans-lightitalic","200",italic);
|
|
@include font-face("opensans","opensans-regular",normal);
|
|
@include font-face("opensans","opensans-italic",normal,italic);
|
|
@include font-face("opensans","opensans-semibold","500");
|
|
@include font-face("opensans","opensans-semibolditalic","500",italic);
|
|
@include font-face("opensans","opensans-bold",bold);
|
|
@include font-face("opensans","opensans-bolditalic",bold,italic);
|
|
@include font-face("opensans","opensans-black","900");
|
|
@include font-face("opensans","opensans-blackitalic","900",italic);
|
|
|
|
// Roboto
|
|
@include font-face("roboto","roboto-thin","100");
|
|
@include font-face("roboto","roboto-thinitalic","100",italic);
|
|
@include font-face("roboto","roboto-light","200");
|
|
@include font-face("roboto","roboto-lightitalic","200",italic);
|
|
@include font-face("roboto","roboto-regular",normal);
|
|
@include font-face("roboto","roboto-italic",normal,italic);
|
|
@include font-face("roboto","roboto-semibold","500");
|
|
@include font-face("roboto","roboto-semibolditalic","500",italic);
|
|
@include font-face("roboto","roboto-bold",bold);
|
|
@include font-face("roboto","roboto-bolditalic",bold,italic);
|
|
@include font-face("roboto","roboto-black","900");
|
|
@include font-face("roboto","roboto-blackitalic","900",italic);
|
|
|
|
// Roboto Condensed
|
|
@include font-face("robotocondensed","robotocondensed-thin","100");
|
|
@include font-face("robotocondensed","robotocondensed-thinitalic","100",italic);
|
|
@include font-face("robotocondensed","robotocondensed-light","200");
|
|
@include font-face("robotocondensed","robotocondensed-lightitalic","200",italic);
|
|
@include font-face("robotocondensed","robotocondensed-regular",normal);
|
|
@include font-face("robotocondensed","robotocondensed-italic",normal,italic);
|
|
@include font-face("robotocondensed","robotocondensed-semibold","500");
|
|
@include font-face("robotocondensed","robotocondensed-semibolditalic","500",italic);
|
|
@include font-face("robotocondensed","robotocondensed-bold",bold);
|
|
@include font-face("robotocondensed","robotocondensed-bolditalic",bold,italic);
|
|
@include font-face("robotocondensed","robotocondensed-black","900");
|
|
@include font-face("robotocondensed","robotocondensed-blackitalic","900",italic);
|