style(typography): Update headlines to have uniform size and line-height. (#1036)

Co-authored-by: Jesse Borden <jborden@apple.com>

Author: jesseaborden

assets/stylesheets/new-stylesheets/_syntax.scss

@@ -27,7 +27,6 @@
       }
     }
 
-
     &:hover {
       background-color: var(--color-syntax-clipboard-hover-bg);
 
@@ -47,7 +46,7 @@
 pre.highlight {
   background: var(--color-code-background);
   font-size: 14px;
-  line-height: 1.53;
+  line-height: 1.5;
   overflow-x: auto;
 
   .c,   /* Comment */
@@ -77,10 +76,11 @@ pre.highlight {
   }
 
   .n {
-    color: #B181EC;
+    color: #b181ec;
   }
 
-  .o, .p {
+  .o,
+  .p {
     color: var(--color-syntax-brackets-dots);
   }
 

assets/stylesheets/new-stylesheets/includes/callout/_base.scss

@@ -38,7 +38,7 @@
       display: block;
       color: white;
       text-decoration: underline;
-      text-decoration-color: rgba(255,255,255,0.5);
+      text-decoration-color: rgba(255, 255, 255, 0.5);
       text-underline-offset: 2px;
       margin-top: 14px;
 
@@ -65,11 +65,17 @@
 }
 
 .callout-subtitle {
-  line-height: 1.5;
+  line-height: 1.25;
   margin-bottom: 4px;
-  font-size: 21px;
+  font-size: 24px;
 }
 
 .callout-text {
   text-align: left;
 }
+
+.hide-small {
+  @media only screen and (max-width: 767px) {
+    display: none;
+  }
+}

assets/stylesheets/new-stylesheets/pages/_get-started.scss

@@ -234,6 +234,7 @@
 
           .name {
             font-size: 24px;
+            line-height: 1.25;
             margin-bottom: 10px;
           }
 
@@ -265,7 +266,8 @@
           position: relative;
 
           .name {
-            font-size: 22px;
+            font-size: 24px;
+            line-height: 1.25;
             margin-bottom: 10px;
           }
 
@@ -303,8 +305,6 @@
 
           .name {
             margin-bottom: 6px;
-            font-size: 22px;
-            line-height: 1.33;
           }
 
           .text {

assets/stylesheets/new-stylesheets/pages/_index.scss

@@ -321,8 +321,8 @@ $icons: (
   }
 
   .pillar-intro {
-    font-size: 21px;
-    line-height: 1.5;
+    font-size: 24px;
+    line-height: 1.45;
   }
 }
 

index.md

@@ -57,7 +57,7 @@ atom: true
         </p>
         <br />
         <p class="pillar-intro">
-            It's the combination of approachability, speed, safety, and all of<br/> Swift’s strengths that make it so unique.
+            It's the combination of approachability, speed, safety, and all of<br class="hide-small"/> Swift’s strengths that make it so unique.
         </p>
     </div>
     {% for callout in pillar1_callouts %}