Remove px-based fallback used for baseline alignment

chromice · Aug 9, 2017 · dcb3208 · dcb3208
1 parent bc5f6fd
commit dcb3208
Show file tree

Hide file tree

Showing 4 changed files with 0 additions and 13 deletions.
diff --git a/examples/001_Overview/stylesheet.css b/examples/001_Overview/stylesheet.css
@@ -114,7 +114,6 @@ main > aside {
 }
 h1 {
   position: relative;
-  top: -17.776px;
   top: -1.111rem;
   font: 700 36px / 1.25 'Helvetica Neue', sans-serif;
   font-size: 2.25rem;
@@ -123,15 +122,13 @@ h1 {
 }
 h1 + p {
   position: relative;
-  top: -4.264px;
   top: -0.2665rem;
   font: italic 400 24px / 1.25 'Baskerville', serif;
   font-size: 1.5rem;
   margin-bottom: calc(1.5rem + -0.375rem);
 }
 h2 {
   position: relative;
-  top: -2.092px;
   top: -0.13075rem;
   font: 400 20px / 1.25 'Verdana', sans-serif;
   font-size: 1.25rem;
@@ -140,7 +137,6 @@ h2 {
 }
 aside p {
   position: relative;
-  top: 4.592px;
   top: 0.287rem;
   font: 400 12px / 1.5 'Verdana', sans-serif;
   font-size: 0.75rem;

diff --git a/examples/003_Baselines/stylesheet.css b/examples/003_Baselines/stylesheet.css
@@ -110,7 +110,6 @@ html {
 }
 h1 {
   position: relative;
-  top: -17.776px;
   top: -1.111rem;
   font: 700 36px / 1.25 'Helvetica Neue', sans-serif;
   font-size: 2.25rem;
@@ -127,7 +126,6 @@ blockquote {
   width: calc(50% - 12px);
   margin-left: calc(0% + 0px + 24px);
   position: relative;
-  top: -5.032px;
   top: -0.3145rem;
   font: italic 400 24px / 1.25 'Didot', serif;
   font-size: 1.5rem;

diff --git a/order.less b/order.less
@@ -323,7 +323,6 @@
 	// Shift text to the main baseline
 	.-baseline-align () {
 		position: relative;
-		top: @offset-top-px;
 		top: @offset-top-rem;
 	}
 

diff --git a/tests/stylesheet.css b/tests/stylesheet.css
@@ -388,28 +388,24 @@ html {
 }
 #baseline-horizontal .large {
   position: relative;
-  top: -11.572px;
   top: -0.72325rem;
   font: 400 30px / 1.2 'Verdana', sans-serif;
   font-size: 1.875rem;
 }
 #baseline-horizontal .small {
   position: relative;
-  top: -3px;
   top: -0.1875rem;
   font: 400 16px / 1.875 'Verdana', sans-serif;
   font-size: 1rem;
 }
 #baseline-horizontal .tiny {
   position: relative;
-  top: 1.592px;
   top: 0.0995rem;
   font: 400 12px / 2 'Verdana', sans-serif;
   font-size: 0.75rem;
 }
 #baseline-vertical h1 {
   position: relative;
-  top: -22.96057143px;
   top: -1.43503571rem;
   font: 400 50px / 0.85714286 'Verdana', sans-serif;
   font-size: 3.125rem;
@@ -422,7 +418,6 @@ html {
 }
 #baseline-vertical-family h1 {
   position: relative;
-  top: -20.36057143px;
   top: -1.27253571rem;
   font: 600 50px / 0.85714286 "Gill Sans", sans-serif;
   font-size: 3.125rem;
@@ -435,7 +430,6 @@ html {
 }
 #baseline-vertical-line h1 {
   position: relative;
-  top: -2.136px;
   top: -0.1335rem;
   font: 400 16px / 1.875 "Gill Sans", sans-serif;
   font-size: 1rem;