Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TECH] Aligner les couleurs de pix-site #200

Merged
merged 2 commits into from
Oct 13, 2020
Merged

Conversation

celineung
Copy link
Contributor

@celineung celineung commented Oct 13, 2020

🦄 Problème

Le fichiers colors.scss s'enrichi de plus en plus et s'éloigne du design system.

🤖 Solution

  • reprise du colors.scss de mon-pix
  • supression/remplacements des couleurs de pix-site

🌈 Remarques

  • Dans l'ensemble, $grey-45 est utilisé pour les couleurs de textes, et $grey-90 pour les titres
  • Après le merge de cette PR, l'idéal serait de ne plus toucher au fichier colors.scss (sauf concertation avec Quentin)

💯 Pour tester

Vérifications visuelles avec Quentin en cours.
Vérifier que tous les textes des pages sont biens visibles.

@celineung celineung self-assigned this Oct 13, 2020
@pix-service
Copy link

I'm deploying this PR to these urls:

Please check it out!

@celineung celineung force-pushed the tech-design-system-colors branch 2 times, most recently from 674e47a to 5f05375 Compare October 13, 2020 14:26
pages/pix-site/higher-education.vue Outdated Show resolved Hide resolved
components/NewsItemPost.vue Outdated Show resolved Hide resolved
assets/scss/shared/_buttons.scss Outdated Show resolved Hide resolved
assets/scss/shared/_buttons.scss Outdated Show resolved Hide resolved
assets/scss/shared/_text.scss Outdated Show resolved Hide resolved
assets/scss/components/_main-nav.scss Outdated Show resolved Hide resolved
components/FormablePage.vue Outdated Show resolved Hide resolved
Copy link
Contributor

@sbedeau sbedeau left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok pour moi
+1 avec les remarques de Mel

@celineung celineung force-pushed the tech-design-system-colors branch from 4001761 to 6075ff2 Compare October 13, 2020 15:30
@celineung celineung force-pushed the tech-design-system-colors branch from 6075ff2 to 478c0ec Compare October 13, 2020 15:33
@celineung celineung force-pushed the tech-design-system-colors branch from 478c0ec to 483b7fa Compare October 13, 2020 15:42
Comment on lines 188 to 189
box-shadow: 0 24px 32px 0 rgba(#000000, 0.03),
0 8px 32px 0 rgba(#000000, 0.06);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nitpick (non-blocking): Je pense qu'il faut déclarer un $black ou utiliser un gris très foncé pour éviter ce genre de déclaration et ainsi être conforme aux standards

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Corrigé pour du $grey-200, validé avec Quentin: la règle est de ne jamais prendre #000000

@celineung celineung force-pushed the tech-design-system-colors branch from 483b7fa to c4fbc4d Compare October 13, 2020 15:56
@celineung celineung merged commit 39d8ad1 into dev Oct 13, 2020
@celineung celineung deleted the tech-design-system-colors branch October 13, 2020 16:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants