-
Notifications
You must be signed in to change notification settings - Fork 40
Global header and footnote changes, etc #2277
Conversation
- 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)
_sass/components/_ribbon.scss
Outdated
@@ -417,7 +373,8 @@ svg { | |||
} | |||
|
|||
.ribbon .ribbon-card { | |||
padding-top: $base-padding-large; | |||
padding-top: $base-padding-extra; |
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.
Properties should be ordered margin-top, padding-top
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 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; |
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.
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> |
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.
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"> |
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.
cut the misnomers!
@@ -6,14 +6,15 @@ | |||
|
|||
p { | |||
@include heading('para-xl'); | |||
margin-top: 2.25rem; |
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.
Could this be something in variables? $standard-padding-large
? 1/875rem
_sass/components/_footnotes.scss
Outdated
@@ -31,19 +31,19 @@ body { | |||
ol { | |||
@include heading('para-sm'); | |||
|
|||
font-weight: 200; | |||
font-weight: 400; |
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.
Should be $weight-book
_sass/components/_footnotes.scss
Outdated
|
||
&:target { | ||
background-color: $mid-blue; | ||
} | ||
} | ||
|
||
p { | ||
padding-bottom: $base-padding-lite; | ||
@include heading('para-med'); |
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 think this is @include heading('para-md');
free preview!
Some changes: