Convert all Sass to line spacing (#11463)

sass/_tablet.sass

@@ -66,185 +66,185 @@ $feature-box-div-width: 45%
 ////////////////////////////////////////////////////////////////////////////////////////////////////
 
 @media screen and (min-width: 750px)
-	@import "size"
+  @import "size"
 
-	p
-		font-size: 16px
-		line-height: 24px
-		letter-spacing: 0.1px
+  p
+    font-size: 16px
+    line-height: 24px
+    letter-spacing: 0.1px
 
-	h1
-		font-size: 36px
-		line-height: 44px
+  h1
+    font-size: 36px
+    line-height: 44px
 
-	h3
-		font-size: 28px
-		line-height: 36px
+  h3
+    font-size: 28px
+    line-height: 36px
 
-	h4
-		font-size: 24px
-		line-height: 40px
+  h4
+    font-size: 24px
+    line-height: 40px
 
 
 
-	#home
-		#viewDocs, #tryKubernetes
-			display: inline-block
+  #home
+    #viewDocs, #tryKubernetes
+      display: inline-block
 
-	#vendorStrip
-		display: block
-		text-align: center
+  #vendorStrip
+    display: block
+    text-align: center
 
-		img
-			max-height: 24px
-			vertical-align: middle
-			margin: 0 30px
+    img
+      max-height: 24px
+      vertical-align: middle
+      margin: 0 30px
 
-	#docs
-		#vendorStrip
-			li
-				a
-					font-size: 1em
-					font-weight: normal
+  #docs
+    #vendorStrip
+      li
+        a
+          font-size: 1em
+          font-weight: normal
 
-				li + li
-					margin-left: 60px
+        li + li
+          margin-left: 60px
 
 
-	#oceanNodes
-		h3
-			text-align: left
-			margin-bottom: 18px
+  #oceanNodes
+    h3
+      text-align: left
+      margin-bottom: 18px
 
-		main
-			position: relative
-			clear: both
-			display: table
-			height: 160px
+    main
+      position: relative
+      clear: both
+      display: table
+      height: 160px
 
-			.content
-				display: table-cell
-				position: relative
-				vertical-align: middle
+      .content
+        display: table-cell
+        position: relative
+        vertical-align: middle
 
-			.image-wrapper
-				position: absolute
-				top: 50%
-				max-width: 25%
-				max-height: 100%
-				transform: translateY(-50%)
+      .image-wrapper
+        position: absolute
+        top: 50%
+        max-width: 25%
+        max-height: 100%
+        transform: translateY(-50%)
 
-			&:nth-child(odd)
-				padding-right: 210px
+      &:nth-child(odd)
+        padding-right: 210px
 
-				.image-wrapper
-					right: 0
+        .image-wrapper
+          right: 0
 
-			&:nth-child(even)
-				padding-left: 210px
+      &:nth-child(even)
+        padding-left: 210px
 
-				.image-wrapper
-					left: 0
+        .image-wrapper
+          left: 0
 
-			&:nth-child(1)
-				padding-right: 0
+      &:nth-child(1)
+        padding-right: 0
 
-				h3, p
-					text-align: center
+        h3, p
+          text-align: center
 
-				.image-wrapper
-					position: relative
-					display: block
-					float: none
-					max-width: 100%
-					transform: none
+        .image-wrapper
+          position: relative
+          display: block
+          float: none
+          max-width: 100%
+          transform: none
 
-				.content
-					display: block
+        .content
+          display: block
 
-			img
-				width: 100%
+      img
+        width: 100%
 
 
-	#video
-		height: $video-section-height
-		display: block
+  #video
+    height: $video-section-height
+    display: block
 
-		& > .light-text
-			display: block
+    & > .light-text
+      display: block
 
-	#mobileShowVideoButton
-		display: none
+  #mobileShowVideoButton
+    display: none
 
-	#features
-		padding-bottom: 60px
+  #features
+    padding-bottom: 60px
 
-		.feature-box
-			margin-bottom: 30px
+    .feature-box
+      margin-bottom: 30px
 
-			&:last-child
-				margin-bottom: 0
+      &:last-child
+        margin-bottom: 0
 
-		h3
-			margin-bottom: $features-h3-margin-bottom
+    h3
+      margin-bottom: $features-h3-margin-bottom
 
-		.feature-box
-			& > div
-				width: $feature-box-div-width
-				margin-bottom: $feature-box-div-margin-bottom
+    .feature-box
+      & > div
+        width: $feature-box-div-width
+        margin-bottom: $feature-box-div-margin-bottom
 
-	#talkToUs
-		#bigSocial
-			div
-				width: calc(50% - 15px)
+  #talkToUs
+    #bigSocial
+      div
+        width: calc(50% - 15px)
 
-			div + div
-				margin-top: 0
+      div + div
+        margin-top: 0
 
-			div:nth-child(2)
-				margin-left: 20px
+      div:nth-child(2)
+        margin-left: 20px
 
-			div:nth-child(3)
-				margin-top: 20px
+      div:nth-child(3)
+        margin-top: 20px
 
-			div:nth-child(4)
-				margin-top: 20px
-				margin-left: 20px
+      div:nth-child(4)
+        margin-top: 20px
+        margin-left: 20px
 
-			a
-				display: inline-block
-				color: $blue
-				font-weight: 400
-				text-decoration: none
+      a
+        display: inline-block
+        color: $blue
+        font-weight: 400
+        text-decoration: none
 
-	// FOOTER
-	footer
-		nav
-			text-align: center
+  // FOOTER
+  footer
+    nav
+      text-align: center
 
-			a
-				width: 30%
-				padding: 0 20px
+      a
+        width: 30%
+        padding: 0 20px
 
-		.social
-			text-align: center
+    .social
+      text-align: center
 
-			div
-				display: inline-block
+      div
+        display: inline-block
 
-			div:last-child
-				display: block
-				margin: 0
+      div:last-child
+        display: block
+        margin: 0
 
-			span
-				display: inline-block
-				margin-right: 10px
+      span
+        display: inline-block
+        margin-right: 10px
 
-			input
-				text-align: left
+      input
+        text-align: left
 
 
 
-	#home #caseStudiesWrapper
-		div
-			width: 48%
+  #home #caseStudiesWrapper
+    div
+      width: 48%