remove font size overrides

Author: jenweber

app/styles/base/_buttons.scss

@@ -9,7 +9,6 @@ button {
   color: #fff;
   cursor: pointer;
   display: inline-block;
-  font-size: $base-font-size;
   font-weight: 600;
   line-height: 1;
   padding: 0.75em 1em;

app/styles/base/_forms.scss

@@ -9,7 +9,6 @@ input,
 label,
 select {
   display: block;
-  font-size: $base-font-size;
 }
 
 .ember-power-select-trigger {
@@ -18,7 +17,6 @@ select {
   max-width: 100%;
   width: auto;
   display: block;
-  font-size: $base-font-size;
   background-color: $base-background-color;
   transition: border-color;
   appearance: none;
@@ -44,7 +42,6 @@ textarea {
   border-radius: $base-border-radius;
   box-shadow: $form-box-shadow;
   box-sizing: border-box;
-  font-size: $base-font-size;
   margin-bottom: $base-spacing / 2;
   padding: $base-spacing / 3;
   transition: border-color;

app/styles/base/_lists.scss

@@ -32,7 +32,6 @@ ol {
         border: 2px solid $base-border-color;
         border-radius: 50%;
         float: left;
-        font-size: $small-font-size;
         line-height: calc(2em - 4px);
         overflow: hidden;
         text-align: center;
@@ -49,7 +48,6 @@ dl {
   margin-bottom: $small-spacing;
 
   dt {
-    font-weight: bold;
     margin-top: $small-spacing;
   }
 

app/styles/base/_typography.scss

@@ -28,7 +28,7 @@ a {
 }
 
 hr {
-  border-bottom: $base-border;
+  border-bottom: 1px solid #e6e4e3;
   border-left: none;
   border-right: none;
   border-top: none;

app/styles/base/_variables.scss

@@ -1,11 +1,6 @@
 // Typography
 $monospace-font-family: Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, monospace;
 
-// Font Sizes
-$base-font-size: 1rem;
-$small-font-size: 0.75rem;
-$large-font-size: 1.5rem;
-
 // Line height
 $base-line-height: 1.5;
 $heading-line-height: 1.2;

app/styles/components/_article.scss

@@ -9,7 +9,6 @@ article {
     @include size(24px, 18px);
     display: inline-block;
     float: right;
-    font-size: 1rem;
     margin: 0.5em 0 0 0;
     opacity: 0.4;
     overflow: hidden;

app/styles/components/_class-field-desc.scss

@@ -13,7 +13,6 @@
 .args {
   font-style: italic;
   font-weight: normal;
-  font-size: $base-font-size;
 }
 
 .class-field-description--link .return-type,
@@ -22,23 +21,17 @@
   color: $medium-gray;
   font-style: italic;
   font-weight: normal;
-  font-size: $base-font-size;
   margin-right: 5px;
 }
 
 .access {
   color: white;
   background-color: gray;
   padding: 2px 7px;
-  font-size: 1.6em;
   font-weight: 600;
   border-radius: 3px;
 }
 
-h3 .access{
-  font-size: smaller;
-}
-
 .parameters {
   dl {
     display: inline-block;
@@ -61,12 +54,10 @@ h3 .access{
 
 p.github-link {
   margin: -12px 0 0;
-  font-size: $small-font-size;
 }
 
 p.field-since {
   margin: 0;
-  font-size: $small-font-size;
 }
 
 .class-field-description--link {

app/styles/components/_sidebar.scss

@@ -35,7 +35,6 @@
 
 label[for="toc-toggle"] {
   cursor: pointer;
-  font-size: 1.25em;
   position: relative;
 
   &:hover {
@@ -88,32 +87,8 @@ label[for="toc-toggle"] {
   }
 }
 
-li.toc-level-0 {
-  margin-bottom: 0.5em;
-
-  a {
-    display: block;
-    line-height: 1.25;
-    padding-top: 0.25em;
-    padding-bottom: 0.25em;
-
-    &:hover {
-      color: $ember-orange;
-    }
-    &.active {
-      color: $ember-orange;
-      font-weight: bold;
-    }
-  }
-
-  > a {
-    font-weight: bold;
-  }
-}
-
 ol.toc-level-1 {
   border-left: $base-border;
-  font-size: $base-font-size * 0.9;
 
   &:not(.selected) {
     display: none;
@@ -133,8 +108,4 @@ ol.toc-level-1 {
       margin-right: -3px;
     }
   }
-
-  a {
-    padding-left: $small-spacing;
-  }
 }

app/styles/components/_toc.scss

@@ -23,10 +23,6 @@ a.toc-anchor {
   margin-top: -5px;
 }
 
-.toc-private-toggle {
-  font-size: $small-font-size;
-}
-
 .toc-level-0 > a {
   transition: color 0.1s linear;
 }

app/templates/components/class-field-description.hbs

@@ -1,5 +1,5 @@
 <section class="{{type}}">
-  <h3 class="class-field-description--link" data-anchor="{{field.name}}" role="link" onclick={{action updateAnchor field.name}}>
+  <h2 class="class-field-description--link" data-anchor="{{field.name}}" role="link" onclick={{action updateAnchor field.name}}>
     <a class="anchor">
       {{svg-jar 'fa-link' class="class-field-description--link-hover" width="20px" height="20px"}}
     </a>
@@ -18,7 +18,7 @@
     {{#if field.deprecated}}
       <span class="access">deprecated</span>
     {{/if}}
-  </h3>
+  </h2>
   {{#if model.module}}
     <div class="attributes">
       <div class="attribute">
@@ -51,14 +51,14 @@
   <dl class="parameters">
     {{#each field.params as |param|}}
       <div class="parameter">
-        <dt>{{param.name}}</dt>
+        <dt><strong>{{param.name}}</strong></dt>
         <dd class="parameter-type">{{param.type}}</dd>
         <dd>{{param.description}}</dd>
       </div>
     {{/each}}
     {{#if field.return}}
       <div class="return">
-        <dt>returns</dt>
+        <dt><strong>returns</strong></dt>
         <dd class="return-type">{{field.return.type}}</dd>
         <dd>{{field.return.description}}</dd>
       </div>

app/templates/components/table-of-contents.hbs

@@ -1,12 +1,14 @@
 <ol class="toc-level-0">
-  <li class="toc-level-0">
+  <li class="toc-level-0 large">
     <a {{action 'toggle' 'modules'}} href="#">Packages</a>
-    <ol class="toc-level-1 modules" style="display: block">
+    <ol class="toc-level-1 medium regular modules" style="display: block">
       {{#each moduleIDs as |moduleID|}}
 
         {{#if (not-eq moduleID "@ember/object/computed")}}
-          <li class="toc-level-1" data-test-module={{moduleID}}>
-            {{#link-to 'project-version.modules.module' version moduleID}}{{moduleID}}{{/link-to}}
+          <li class="toc-level-1 medium regular padding-left-small" data-test-module={{moduleID}}>
+            {{#link-to 'project-version.modules.module' version moduleID}}
+              {{moduleID}}
+            {{/link-to}}
           </li>
         {{/if}}
 
@@ -15,23 +17,23 @@
   </li>
 
   {{#if isShowingNamespaces}}
-    <li class="toc-level-0">
+    <li class="toc-level-0 large">
       <a {{action 'toggle' 'namespaces'}} href="#">Namespaces</a>
-      <ol class="toc-level-1 namespaces" style="display: block">
+      <ol class="toc-level-1 medium regular namespaces" style="display: block">
         {{#each namespaceIDs as |namespaceID|}}
-          <li class="toc-level-1" data-test-namespace={{namespaceID}}>
+          <li class="toc-level-1 medium regular padding-left-small" data-test-namespace={{namespaceID}}>
             {{#link-to 'project-version.namespaces.namespace' version namespaceID}}{{namespaceID}}{{/link-to}}
           </li>
         {{/each}}
       </ol>
     </li>
   {{/if}}
 
-  <li class="toc-level-0">
+  <li class="toc-level-0 large">
     <a {{action 'toggle' 'classes'}} href="#">Classes</a>
-    <ol class="toc-level-1 classes" style="display: block">
+    <ol class="toc-level-1 medium regular classes" style="display: block">
       {{#each classesIDs as |classID|}}
-        <li class="toc-level-1" data-test-class={{classID}}>
+        <li class="toc-level-1 medium regular padding-left-small" data-test-class={{classID}}>
           {{#link-to 'project-version.classes.class' version classID}}{{classID}}{{/link-to}}
         </li>
       {{/each}}