Skip to content

Commit

Permalink
Minor color changes for headings/links
Browse files Browse the repository at this point in the history
Avoid primary purple text color for text that isn't a link.

Ref qunitjs/qunitjs.com#151 (comment)
  • Loading branch information
Krinkle committed Jul 5, 2020
1 parent ee3015a commit 8a5a9dc
Showing 1 changed file with 17 additions and 20 deletions.
37 changes: 17 additions & 20 deletions css/styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,10 @@ $size-spacing: $size-2;

$color-white: #fff;
$color-off-white: #eee;
$color-brand: #9c3493;
$color-accent: #390F39;

// https://brand.jquery.org/colors/#qunit-purple
$color-brand: #9c3493; // bright purple (primary)
$color-accent: #390F39; // deep purple (secondary)
$color-black: #333;

$screen-s: 480px;
Expand Down Expand Up @@ -40,16 +42,8 @@ h1, h2, h3, h4, h5, h6 {
}
h1 { font-size: $size-5; }
h2 {
color: $color-brand;
color: $color-accent;
font-size: $size-4;

a {
color: $color-black;

&:hover {
color: $color-brand;
}
}
}
h3 { font-size: $size-3; }
h4 { font-size: $size-2; }
Expand All @@ -69,6 +63,7 @@ a {
&:hover,
&:focus {
color: $color-accent;
text-decoration: underline;
}
}

Expand Down Expand Up @@ -111,7 +106,7 @@ iframe {
background-color: #fff;
border: 1px solid #fff;
border-radius: 4px;
color: #9c3493;
color: $color-brand;
display: inline-block;
margin: 0.5rem;
padding: 0.5rem 1rem;
Expand Down Expand Up @@ -166,7 +161,7 @@ iframe {
}

.site-logo:hover {
color: #390F39;
color: $color-accent;
}

/* Site Navigation */
Expand Down Expand Up @@ -221,11 +216,18 @@ iframe {

.site-nav-link {
align-items: center;
color: #333333;
color: $color-accent;
display: flex;
height: 100%;
padding: $size-1;
text-decoration: none;

&:active,
&:hover,
&:focus {
color: $color-brand;
text-decoration: none;
}
}

.site-nav-link.has-sub-list::after {
Expand All @@ -234,11 +236,6 @@ iframe {
margin-left: 0.5rem;
}

.site-nav-link:hover,
.site-nav-link:focus {
color: #9c3493;
}

.site-nav-sub-list {
display: none;
padding: 0;
Expand All @@ -262,7 +259,7 @@ iframe {
}

.site-sub-nav-link {
color: #333;
color: $color-accent;
display: block;
padding: 0.5rem 2rem;
text-decoration: none;
Expand Down

0 comments on commit 8a5a9dc

Please sign in to comment.