Merge pull #9 from benjamn

edwardtufte · Aug 8, 2015 · e44002a · e44002a
1 parent dbd1e8b
commit e44002a
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/tufte.css b/tufte.css
@@ -136,7 +136,14 @@ sub { top: 0.4rem; }
 
 .sidenote-number:after { left: 0.1rem; }
 
-.sidenote:before { content: counter(sidenote-counter) " "; }
+.sidenote:before { content: counter(sidenote-counter) " ";
+                   position: absolute;
+                   /* 100% refers to the computed width of the number, so this transform
+                    * shifts the number just outside the left edge of the sidenote box,
+                    * with a buffer of 0.25rem, no matter how many digits the number has. */
+                   -webkit-transform: translateX(-100%) translateX(-0.25rem);
+                   -ms-transform: translateX(-100%) translateX(-0.25rem);
+                   transform: translateX(-100%) translateX(-0.25rem); }
 
 p, footer, pre.code { width: 55%; }