From 8ff1d13f3d30ed923ee54e6c168880fd15afee48 Mon Sep 17 00:00:00 2001 From: Gabriel Bruno <114627827+GabrielBruno7@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:54:04 -0300 Subject: [PATCH 1/2] doc: Adicionando arquivos de variaveis de cores --- src/styles/colors.scss | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 src/styles/colors.scss diff --git a/src/styles/colors.scss b/src/styles/colors.scss new file mode 100644 index 00000000..3a659289 --- /dev/null +++ b/src/styles/colors.scss @@ -0,0 +1,22 @@ +/* Paleta feita baseada no projeto front end petdex no figma : https://encr.pw/petdexfigma. + Para mais informaçoes sobre a paleta de cores acesse : https://acesse.dev/petdexpaleta. + + --Como usar : https://prnt.sc/-m9cJgXiX9oI. + + --Como adicionar variaveis de cor: Para adicionar uma variavel de cor utilize camelcase exemplo: + $backgroundDefault $textBlack. + + -- Não é possivel utilizar kebab case exemplo: $background_Default ou $text_Default. +*/ + +$backgroundDefault: #fff; // saiba mais em: https://prnt.sc/AyZXZD0KgKn_ +$backgroundLightBlue: #62dcf6; // saiba mais em: https://prnt.sc/ZfPyp75Zxk5q +$backgroundDarkBlue: #003459; // saiba mais em: https://prnt.sc/f3yzDVvpfZzA +$backgroundDarkGray: #1e2833; // saiba mais em: https://prnt.sc/rNQIXkPQd6z5 + +$textBlack: #000; // saiba mais em: https://prnt.sc/-oDMMwcgVpYX +$textLight: #fff; // saiba mais em: https://prnt.sc/u3dHpA9w4gxd + +$othersYellow: #fff1a6; // saiba mais em: https://prnt.sc/vxpLp9G26ifl +$othersPink: #ffc6da; // saiba mais em: https://prnt.sc/vxpLp9G26ifl +$othersGray: #deecf5; // saiba mais em: https://prnt.sc/vxpLp9G26ifl From c928fbf0b496299fb956a7a8d8484e2ab2ba74bd Mon Sep 17 00:00:00 2001 From: Gabriel Bruno <114627827+GabrielBruno7@users.noreply.github.com> Date: Tue, 26 Dec 2023 15:34:41 -0300 Subject: [PATCH 2/2] doc: Retirando comentarios --- src/styles/colors.scss | 28 +++++++++------------------- 1 file changed, 9 insertions(+), 19 deletions(-) diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 3a659289..a26b341b 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -1,22 +1,12 @@ -/* Paleta feita baseada no projeto front end petdex no figma : https://encr.pw/petdexfigma. - Para mais informaçoes sobre a paleta de cores acesse : https://acesse.dev/petdexpaleta. - --Como usar : https://prnt.sc/-m9cJgXiX9oI. +$backgroundDefault: #fff; +$backgroundLightBlue: #62dcf6; +$backgroundDarkBlue: #003459; +$backgroundDarkGray: #1e2833; - --Como adicionar variaveis de cor: Para adicionar uma variavel de cor utilize camelcase exemplo: - $backgroundDefault $textBlack. - - -- Não é possivel utilizar kebab case exemplo: $background_Default ou $text_Default. -*/ +$textBlack: #000; +$textLight: #fff; -$backgroundDefault: #fff; // saiba mais em: https://prnt.sc/AyZXZD0KgKn_ -$backgroundLightBlue: #62dcf6; // saiba mais em: https://prnt.sc/ZfPyp75Zxk5q -$backgroundDarkBlue: #003459; // saiba mais em: https://prnt.sc/f3yzDVvpfZzA -$backgroundDarkGray: #1e2833; // saiba mais em: https://prnt.sc/rNQIXkPQd6z5 - -$textBlack: #000; // saiba mais em: https://prnt.sc/-oDMMwcgVpYX -$textLight: #fff; // saiba mais em: https://prnt.sc/u3dHpA9w4gxd - -$othersYellow: #fff1a6; // saiba mais em: https://prnt.sc/vxpLp9G26ifl -$othersPink: #ffc6da; // saiba mais em: https://prnt.sc/vxpLp9G26ifl -$othersGray: #deecf5; // saiba mais em: https://prnt.sc/vxpLp9G26ifl +$othersYellow: #fff1a6; +$othersPink: #ffc6da; +$othersGray: #deecf5;