Penpot/penpot-export
0
Fork 0
mirror of https://github.com/penpot/penpot-export.git synced 2025-03-11 23:11:17 -05:00
Code Issues Activity

chore(demo): import SCSS files

Browse source
This commit is contained in:
Roberto Redradix 2023-09-07 18:06:36 +02:00
parent af856a642e
commit 562e1d77e3
2 changed files with 126 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
packages/demo/src/styles/colors.scss Normal file
View file

@ -0,0 +1,27 @@
$Primary_900: rgba(0, 110, 84, 1);
$Secondary_500: rgba(191, 152, 254, 1);
$Secondary_400: rgba(207, 179, 255, 1);
$Neutral_100: rgba(247, 248, 249, 1);
$Neutral_500: rgba(133, 144, 162, 1);
$Primary_200: rgba(202, 255, 233, 1);
$Secondary_800: rgba(105, 31, 209, 1);
$Primary_100: rgba(233, 255, 247, 1);
$Secondary_200: rgba(240, 232, 255, 1);
$Neutral_200: rgba(241, 242, 244, 1);
$Neutral_300: rgba(220, 223, 228, 1);
$Neutral_700: rgba(98, 111, 134, 1);
$Neutral_400: rgba(179, 185, 196, 1);
$Neutral_600: rgba(117, 129, 149, 1);
$Secondary_600: rgba(148, 83, 249, 1);
$Primary_300: rgba(154, 255, 217, 1);
$Primary_400: rgba(90, 251, 199, 1);
$Secondary_300: rgba(228, 212, 255, 1);
$Primary_800: rgba(0, 139, 105, 1);
$Neutral_900: rgba(23, 43, 77, 1);
$Neutral_800: rgba(68, 84, 111, 1);
$Secondary_900: rgba(91, 31, 170, 1);
$Primary_700: rgba(0, 174, 127, 1);
$Secondary_700: rgba(125, 48, 237, 1);
$Primary_500: rgba(49, 239, 184, 1);
$Secondary_100: rgba(249, 245, 255, 1);
$Primary_600: rgba(0, 213, 154, 1);

99
packages/demo/src/styles/typographies.scss Normal file
View file

@ -0,0 +1,99 @@
$🖥_Title_Medium: (
"line-height": 1.2000000000000002,
"font-style": normal,
"text-transform": none,
"font-weight": 700,
"font-size": 54px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);
$📱_Title_Medium: (
"line-height": 1.2000000000000002,
"font-style": normal,
"text-transform": none,
"font-weight": 700,
"font-size": 37px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);
$Body_Small_Uppercase: (
"line-height": 1.4,
"font-style": normal,
"text-transform": uppercase,
"font-weight": 400,
"font-size": 15px,
"letter-spacing": 1px,
"font-family": "Work Sans",
);
$🖥_Title_Large: (
"line-height": 1.2,
"font-style": normal,
"text-transform": none,
"font-weight": 700,
"font-size": 77px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);
$Body_Large: (
"line-height": 1.4,
"font-style": normal,
"text-transform": none,
"font-weight": 400,
"font-size": 21px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);
$📱_Title_Small: (
"line-height": 1.2000000000000002,
"font-style": normal,
"text-transform": none,
"font-weight": 700,
"font-size": 31px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);
$🖥_Title_Small: (
"line-height": 1.2,
"font-style": normal,
"text-transform": none,
"font-weight": 700,
"font-size": 31px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);
$Body_Small: (
"line-height": 1.4,
"font-style": normal,
"text-transform": none,
"font-weight": 400,
"font-size": 15px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);
$📱_Title_Large: (
"line-height": 1.2,
"font-style": normal,
"text-transform": none,
"font-weight": 700,
"font-size": 45px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);
$Body_Medium: (
"line-height": 1.4,
"font-style": normal,
"text-transform": none,
"font-weight": 400,
"font-size": 18px,
"letter-spacing": 0px,
"font-family": "Work Sans",
);