Skip to content
This repository has been archived by the owner on Nov 10, 2020. It is now read-only.

Global header and footnote changes, etc #2277

Merged
merged 8 commits into from
Apr 27, 2017
Merged

Global header and footnote changes, etc #2277

merged 8 commits into from
Apr 27, 2017

Conversation

ericronne
Copy link
Contributor

@ericronne ericronne commented Apr 25, 2017

free preview!

Some changes:

  • Global header styles tweaked for improved hierarchy
  • Footnotes shrunk
  • How it works landing narrowed
  • About landing header style simplified
  • Added $standard-padding-standard variable (1rem)
  • Ribbon card type tweaks

 - Global header styles tweaked for improved hierarchy
 - Footnotes shrunk
 - How it works landing narrowed
 - About landing header style simplified
 - Added $standard-padding-standard variable (1rem)
@@ -417,7 +373,8 @@ svg {
}

.ribbon .ribbon-card {
padding-top: $base-padding-large;
padding-top: $base-padding-extra;

Choose a reason for hiding this comment

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

Properties should be ordered margin-top, padding-top

@ericronne ericronne changed the title [WIP] Global header and footnote changes, etc Global header and footnote changes, etc Apr 27, 2017
Copy link
Contributor

@gemfarmer gemfarmer left a comment

Choose a reason for hiding this comment

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

I made a few change requests. Mostly to update things to variables that have already been set.

font-weight: $weight-light;
line-height: 2.5rem; // 40px
// light 30/38.4
color: $gray-darkest;
Copy link
Contributor

Choose a reason for hiding this comment

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

We're changing the color for h2s globally? Does that work on all of the other pages?

<div class="ribbon-card-top ribbon-card-top-text">
<h2 class="ribbon-card-top-text-header ribbon-card-top-text-header-padded">The U.S. ranks at or near the top worldwide in the production of many natural resources.</h2>
<h2 class="ribbon-card-top-text-header">The U.S. ranks at or near the top worldwide in the production of many natural resources.</h2>
Copy link
Contributor

Choose a reason for hiding this comment

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

wooot woot!

@@ -15,11 +15,11 @@ <h1 id="title">Case studies</h1>
</figure>
</div>
<div class="container-right-4 ribbon-card-column ribbon-card state_pages-ribbon-card ribbon-card-no-margin">
<figure class="ribbon-card-top ribbon-card-case_studies">
<div class="ribbon-card-top">
Copy link
Contributor

Choose a reason for hiding this comment

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

cut the misnomers!

@@ -6,14 +6,15 @@

p {
@include heading('para-xl');
margin-top: 2.25rem;
Copy link
Contributor

Choose a reason for hiding this comment

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

Could this be something in variables? $standard-padding-large? 1/875rem

@@ -31,19 +31,19 @@ body {
ol {
@include heading('para-sm');

font-weight: 200;
font-weight: 400;
Copy link
Contributor

Choose a reason for hiding this comment

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

Should be $weight-book


&:target {
background-color: $mid-blue;
}
}

p {
padding-bottom: $base-padding-lite;
@include heading('para-med');
Copy link
Contributor

@gemfarmer gemfarmer Apr 27, 2017

Choose a reason for hiding this comment

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

@gemfarmer gemfarmer merged commit 1af2043 into dev Apr 27, 2017
@gemfarmer gemfarmer deleted the nothing-to-see-here branch April 27, 2017 19:35
@gemfarmer gemfarmer mentioned this pull request May 9, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants