summaryrefslogtreecommitdiffstats
path: root/app/common
diff options
context:
space:
mode:
Diffstat (limited to 'app/common')
-rw-r--r--app/common/directives/errors.html2
-rw-r--r--app/common/styles/base/foundation.scss8
-rw-r--r--app/common/styles/base/typography.scss28
-rw-r--r--app/common/styles/layout/content.scss5
4 files changed, 15 insertions, 28 deletions
diff --git a/app/common/directives/errors.html b/app/common/directives/errors.html
index f3e98b6..49ed449 100644
--- a/app/common/directives/errors.html
+++ b/app/common/directives/errors.html
@@ -4,7 +4,7 @@
<div class="screen-reader-offscreen modal-description">{{dataService.errorModalDetails.title}}</div><!-- accessibility only; used for screen readers -->
<div class="page-header ">
<span class="icon icon__warning inline"><span class="accessible-text" role="alert">{{dataService.errorModalDetails.title}}</span></span>
- <h1 class="modal-title h4 inline">{{dataService.errorModalDetails.title}}</h1>
+ <h3 class="modal-title inline">{{dataService.errorModalDetails.title}}</h3>
</div>
<div class="modal__content">
<p>{{dataService.errorModalDetails.description}}</p>
diff --git a/app/common/styles/base/foundation.scss b/app/common/styles/base/foundation.scss
index 1749d09..03ba3e5 100644
--- a/app/common/styles/base/foundation.scss
+++ b/app/common/styles/base/foundation.scss
@@ -42,14 +42,6 @@ nav,
section {
display: block; }
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-h1 {
- font-size: 2em;
- margin: 0.67em 0; }
-
/* Grouping content
========================================================================== */
/**
diff --git a/app/common/styles/base/typography.scss b/app/common/styles/base/typography.scss
index db5bdd7..0457fc2 100644
--- a/app/common/styles/base/typography.scss
+++ b/app/common/styles/base/typography.scss
@@ -10,44 +10,44 @@ p {
line-height: 1.5rem;
}
+// Headers
h1,
h2,
h3,
h4,
-h5,
-h6 {
- font-weight: 300;
- margin: 0 0 .8rem;
- line-height: 1;
+h5 {
+ line-height: 1.25;
color: #333;
}
h1, .h1 {
- font-size: 3rem;
+ font-size: 2.25rem;
font-weight: 500;
padding-top: .5rem;
- margin-bottom: .6em;
}
h2, .h2 {
- font-size: 1.8rem;
+ font-size: 1.25rem;
+ font-weight: bold;
}
h3, .h3 {
- font-size: 1.3rem;
- letter-spacing: -.08rem;
+ font-size: 1rem;
+ font-weight: bold;
}
h4, .h4 {
- font-size: 1.125rem;
- letter-spacing: -.04rem;
+ font-size: .875rem;
+ font-weight: bold;
}
h5, .h5 {
- font-size: 1rem;
- letter-spacing: -.05rem;
+ font-size: .875rem;
+ font-weight: 500;
+ color: $darkgrey;
}
+// Fonts
.courier-normal {
font-family: "Courier New", Helvetica, arial, sans-serif;
}
diff --git a/app/common/styles/layout/content.scss b/app/common/styles/layout/content.scss
index e50f826..bacb093 100644
--- a/app/common/styles/layout/content.scss
+++ b/app/common/styles/layout/content.scss
@@ -9,11 +9,6 @@ $nav__seclvlWidth: 240px;
border-bottom: 1px solid $lightbg__grey;
margin: .5em 0 2.2em;
padding-left: 0;
- .h4 {
- padding: .1em 0 0 0;
- margin: 0 0 1em 0;
- font-weight: bold;
- }
}
.content__container {
OpenPOWER on IntegriCloud