OS stripe: adjust line height (#490)

maxim-belkin · web-flow · commit 6861f75c4e3c · 2020-08-11T03:59:17.000-04:00
diff --git a/assets/css/lesson.scss b/assets/css/lesson.scss
@@ -91,6 +91,9 @@ ul.nav.nav-tabs {
   border-radius: 4px 4px 0 0;  // 4px == @border-radius-base
 }
 
+// adjust line height of links so that clickable area (of OS tabs) is 44px high
+ul.nav.nav-tabs li a { line-height: 24px; } // or 1.714285716
+
 // This color provides better contrast ratio on most backgrounds used on Carpentries websites
 // 9.24 on FFFFFF: https://webaim.org/resources/contrastchecker/?fcolor=204A6F&bcolor=FFFFFF&api (body)
 // 8.78 on F9F9F9: https://webaim.org/resources/contrastchecker/?fcolor=204A6F&bcolor=F9F9F9&api (tables)

Original file line number	Diff line number	Diff line change
`@@ -91,6 +91,9 @@ ul.nav.nav-tabs {`
`91`	`91`	`border-radius: 4px 4px 0 0; // 4px == @border-radius-base`
`92`	`92`	`}`
`93`	`93`
	`94`	`+// adjust line height of links so that clickable area (of OS tabs) is 44px high`
	`95`	`+ul.nav.nav-tabs li a { line-height: 24px; } // or 1.714285716`
	`96`	`+`
`94`	`97`	`// This color provides better contrast ratio on most backgrounds used on Carpentries websites`
`95`	`98`	`// 9.24 on FFFFFF: https://webaim.org/resources/contrastchecker/?fcolor=204A6F&bcolor=FFFFFF&api (body)`
`96`	`99`	`// 8.78 on F9F9F9: https://webaim.org/resources/contrastchecker/?fcolor=204A6F&bcolor=F9F9F9&api (tables)`