-
Notifications
You must be signed in to change notification settings - Fork 2
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
Home Page redesign #95
Conversation
✅ Deploy Preview for compilerla ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
--brand-primary-green: #88B440; | ||
--brand-primary-cyan: #51B1C7; | ||
--brand-primary-black: #1C1C1C; | ||
--brand-primary-gray: #ECEDED; | ||
--brand-primary-white: #FFFFFF; | ||
--brand-scales-gray-4: #545454; | ||
--text-black: #1C1C1C; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I decided it was easier to review this all in 1 PR, rather than scattered across 4-5 PRs :) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I decided it was easier to review this all in 1 PR, rather than scattered across 4-5 PRs :)
I disagree. This PR is massive and focuses on way more than the Home page / colors.
#82 is our priority for right now. I'm not sure why #49 was folded in here as well, that one was not prioritized for dev work on the Project board.
Please focus PRs on one issue at a time.
closes #65
What this PR does
Home Page
Layouts
classes
on the<body>
element from alayout
posting
class to the<body>
element on job post pagesJob Postings
main
element on the page, for both Desktop and Mobile.<h1>
on the page.<h2>
s on the page to actually use styles from.h3
, so it matches the designs.Jobs
CSS refactors
Adds CSS Variables for colors
Adds overrides Bootstrap's CSS Variables https://getbootstrap.com/docs/5.2/components/buttons/#variables for
btn
,btn-primary
,btn-outline-primary
Start the Style Guide
Headlines
Create classes for
.h1
-.h5
, along with regular style declarations forh1
-h5
elements.Use
calc(##rem / 16)
style for font sizesFont families
bs-font-sans-serif
,bs-font-monospace
sans-serif
notsan-serif
. Sans means "without" in French. So it's "without serifs".Colors
body
colors,border-light
Things that actually changed colors from this PR, aside from variables:
#262626
to#1c1c1c
#01B4CB
to#51B1C7
Buttons
btn btn-primary
btn btn-primary disabled
btn btn-outline-primary
btn btn-outline-primary disabled
btn btn-primary
in focus