From 562e1d77e32dd6aa644d659367184e451f5add36 Mon Sep 17 00:00:00 2001 From: Roberto Redradix Date: Thu, 7 Sep 2023 18:06:36 +0200 Subject: [PATCH] chore(demo): import SCSS files --- packages/demo/src/styles/colors.scss | 27 ++++++ packages/demo/src/styles/typographies.scss | 99 ++++++++++++++++++++++ 2 files changed, 126 insertions(+) create mode 100644 packages/demo/src/styles/colors.scss create mode 100644 packages/demo/src/styles/typographies.scss diff --git a/packages/demo/src/styles/colors.scss b/packages/demo/src/styles/colors.scss new file mode 100644 index 0000000..e45fc5d --- /dev/null +++ b/packages/demo/src/styles/colors.scss @@ -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); \ No newline at end of file diff --git a/packages/demo/src/styles/typographies.scss b/packages/demo/src/styles/typographies.scss new file mode 100644 index 0000000..a1bb404 --- /dev/null +++ b/packages/demo/src/styles/typographies.scss @@ -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", +); \ No newline at end of file