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

Create and apply header component #2002

Merged
merged 9 commits into from
Aug 6, 2021
Merged

Create and apply header component #2002

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
0378442
consolidate header component css into container file
arghmatey Jul 22, 2021
cf592d9
remove redundant header css
arghmatey Jul 22, 2021
320d7cf
update page files with new header component class names
arghmatey Jul 22, 2021
3b89e4e
remove left over comment
arghmatey Jul 22, 2021
171abc0
add about page link styling
arghmatey Jul 23, 2021
129683e
add about page link styling
arghmatey Jul 23, 2021
93c2730
final header class names
arghmatey Jul 23, 2021
623ea5b
resolve header spacing issues
arghmatey Aug 4, 2021
1a03d8e
Merge branch 'gh-pages' into header-container-component
arghmatey Aug 5, 2021
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
Prev Previous commit
Next Next commit
add about page link styling
  • Loading branch information
@arghmatey
arghmatey committed Jul 23, 2021
commit 129683e7fb1fc80c79a42e95d2c032acf91ed94f
16 changes: 16 additions & 0 deletions _sass/components/_about.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,21 @@
/* This page is built using a mobile first method. Plain tags apply to mobile. Breakpoints below for larger sizes. */

.header-link--about {
text-decoration: none;
font-weight: 700;

&:link,
&:visited {
color: $color-black;
}

&:hover,
&:active,
&:focus {
color: $color-red;
}
}

.donation-gif-box-shadow {
box-shadow: 0px 8px 16px rgba(0,0,0,0.12);
}
Expand Down
8 changes: 4 additions & 4 deletions pages/about/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,12 @@
<!-- Header banner -->
<div class="header-container flex-container">
<div class="header-text">
<h1 class="header-title title1">About Us</h1>
<p class="header-p">We bring together civic-minded volunteers to build digital products,
<h1 class="title1">About Us</h1>
<p>We bring together civic-minded volunteers to build digital products,
programs and services with community partners and local government to address issues in our LA region.
</p>
<p class="header-p">
Hack for LA is a project of <a href="https://www.codeforamerica.org/" target="_blank">Code for America</a> and its official Los Angeles chapter.
<p>
Hack for LA is a project of <a class="header-link--about" href="https://www.codeforamerica.org/" target="_blank">Code for America</a> and its official Los Angeles chapter.
</p>
</div>
<img class="header-hero-image"src="/assets/images/about/about-us-header.svg" alt="" />
Expand Down