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.

Sign up for GitHub

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

Closed
wants to merge 45 commits into from
Closed

Home Page redesign #95

Changes from 6 commits
Commits
Show all changes
45 commits
Select commit Hold shift + click to select a range
f086c50
feat(job-post): add Bootstrap columns, top/bottom margin and padding
machikoyasuda Jul 5, 2023
21b917c
feat(styles): change off-black to brand-primary-black
machikoyasuda Jul 27, 2023
f65c8d0
feat(css): add brand color variables
machikoyasuda Jul 27, 2023
980e91a
fix(css): override Bootstrap for Body colors, change Links from white…
machikoyasuda Jul 27, 2023
bd11f09
fix(css): create brand-scales-gray-4
machikoyasuda Jul 27, 2023
56311a9
feat(job-post): add Bootstrap columns, top/bottom margin and padding …
machikoyasuda Jul 27, 2023
a0adcfd
fix(css): text-black is now 1c1c1c
machikoyasuda Jul 27, 2023
9fc8ccb
feat(css): first pass at heading css
machikoyasuda Jul 27, 2023
cd7a0ab
feat(posting): add h2/h3 styling for Postings page
machikoyasuda Jul 27, 2023
68bb9fb
fix: font declaration
machikoyasuda Jul 27, 2023
ac1ad92
fix(css): move Posting styles to bottom section
machikoyasuda Jul 27, 2023
fcbaf74
chore: bad rebase oops
machikoyasuda Jul 27, 2023
1dc29d3
feat(posting): add custom Posting margins/padding, and H1 m/p bottom
machikoyasuda Jul 27, 2023
ac15ee3
fix(css): put all brand colors on top
machikoyasuda Jul 27, 2023
a6e32d3
refactor(css): use btn, btn-primary, btn-outline-primary Bootstrap CS…
machikoyasuda Jul 27, 2023
e9d6718
fix(index): add mobile padding
machikoyasuda Jul 27, 2023
d70237e
fix(css): use full color
machikoyasuda Jul 27, 2023
8d17757
fix(index): remove mb from desktop
machikoyasuda Jul 27, 2023
2324a4a
feat(css): add disabled style for primary
machikoyasuda Jul 27, 2023
f410863
feat(styles): first pass at styles/components page
machikoyasuda Jul 27, 2023
1828798
feat(style-guide): add ul
machikoyasuda Jul 27, 2023
9adb331
feat(home): first pass at home and footer
machikoyasuda Jul 27, 2023
5f83a5f
feat(border-light): add border light color var
machikoyasuda Jul 27, 2023
d63b5f5
feat(home): add image, add margin/paddings
machikoyasuda Jul 28, 2023
c8bfe28
Refactor: Buttons + Create Style Guide page (#98)
machikoyasuda Jul 28, 2023
82029ef
feat(styles): change off-black to brand-primary-black
machikoyasuda Jul 27, 2023
8be5eb7
feat(css): add brand color variables
machikoyasuda Jul 27, 2023
e9950d9
fix(css): override Bootstrap for Body colors, change Links from white…
machikoyasuda Jul 27, 2023
7b28c96
fix(css): create brand-scales-gray-4
machikoyasuda Jul 27, 2023
c4205d3
fix(css): text-black is now 1c1c1c
machikoyasuda Jul 27, 2023
1b2ae48
fix(css): put all brand colors on top
machikoyasuda Jul 27, 2023
743a545
chore: resolve merge conflicts
machikoyasuda Jul 28, 2023
27caa41
Merge branch 'feat/37-colors-only' into feat/footer
machikoyasuda Jul 28, 2023
a675bd4
WIP - Typography, Home and Footer (#99)
machikoyasuda Jul 28, 2023
220d13c
fix(css): remove quotes from variable declaration
machikoyasuda Jul 28, 2023
062c962
fix(posting): add container to fix overflow-x
machikoyasuda Jul 28, 2023
1c2dea2
fix: use btn btn-primary
machikoyasuda Jul 28, 2023
a9fb5d5
fix(job posting): add padding y for button
machikoyasuda Jul 28, 2023
a911254
fix(index): add back capabilities btn
machikoyasuda Jul 28, 2023
8ccb39b
fix(jobs): add the same container/row/col as job postings for now
machikoyasuda Jul 28, 2023
5d54c3e
fix: fix color vars
machikoyasuda Jul 28, 2023
224cc08
fix: use font-monospace instead of monospace
machikoyasuda Jul 28, 2023
0e64e76
fix(css): add more body vars
machikoyasuda Jul 28, 2023
f6b7078
fix(mobile): button should be full-width on mob
machikoyasuda Jul 31, 2023
979fe07
chore: remove styles page for now
machikoyasuda Jul 31, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 25 additions & 27 deletions styles/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,17 @@
@import url("./fonts.css");

:root {
--purple: #663190;
--green: #88B440;
--teal: #01B4CB;
--navy: #223061;
--off-black: #262626;
--black: #000000;
--grey: #EDEDED;
--white: #FFFFFF;
--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;
Comment on lines +4 to +10
Copy link
Member Author

Choose a reason for hiding this comment

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

Colors from https://www.figma.com/file/2gq3WJFdRFDefyHcgFMUGt/Current-compiler.la?type=design&node-id=1358-19464&mode=dev

--bs-body-color-rgb: "255, 255, 255";
--bs-body-bg-rgb: "28, 28, 28";
--bs-body-color: #FFFFFF;
--bs-body-bg: #1C1C1C;
}

* {
Expand All @@ -34,13 +37,8 @@ body {
body {
display: flex;
flex-direction: column;

font-family: 'Roboto', Arial, sans-serif;
machikoyasuda marked this conversation as resolved.
Show resolved Hide resolved
padding: var(--body-padding);
background-color: var(--off-black);

color: var(--white);
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: normal;
}

p,
Expand All @@ -49,14 +47,14 @@ li {
}

a {
color: var(--white);
color: var(--brand-primary-green);
text-decoration: underline;
transition: 250ms;
}

a:hover,
a:focus {
color: var(--green);
color: var(--brand-primary-white);
}

ul.no-bullets {
Expand Down Expand Up @@ -156,32 +154,32 @@ h6 {

.primary-btn {
text-decoration: none;
border: 3px solid var(--green);
background-color: var(--green);
color: var(--off-black);
border: 3px solid var(--brand-primary-green);
background-color: var(--brand-primary-green);
color: var(--text-black);
padding: 1rem;
margin-right: 15px;
margin-bottom: 10px;
}

.primary-btn:hover {
opacity: 70%;
color: var(--black)
color: var(--text-black)
}

.secondary-btn {
text-decoration: none;
border: 3px solid var(--green);
color: var(--white);
border: 3px solid var(--brand-primary-green);
color: var(--brand-primary-white);
padding: 1rem;
margin-right: 15px;
margin-bottom: 10px;
}

.secondary-btn:hover {
opacity: 70%;
color: var(--black);
background-color: var(--green);
color: var(--brand-primary-white);
background-color: var(--brand-primary-green);
}

/* Header */
Expand Down Expand Up @@ -216,7 +214,7 @@ main {
/* Footer */

.divider-line {
border-top: 1px solid #545454;
border-top: 1px solid var(--brand-scales-gray-4);
margin: 10px -16px 10px;
}

Expand Down Expand Up @@ -248,13 +246,13 @@ footer .certs>div {

footer .heading {
font-size: 1.5rem;
color: var(--teal);
color: var(--brand-primary-cyan);
margin: 0;
}

footer .contact-link {
font-size: 1.125rem;
color: var(--green);
color: var(--brand-primary-green);
margin: 0;
}

Expand Down