tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

box-shadow-ref.html (780B)

      1 <!DOCTYPE html>
      2 <title>CSS zoom applies to box-shadow when specified and inherited</title>
      3 <link rel="author" title="Brent Fulgham" href="mailto:bfulgham@apple.com">
      4 <link rel="help" href="https://drafts.csswg.org/css-viewport/">
      5 
      6 <style>
      7 body {
      8  --scale: 1;
      9  --shadowScaleOffsetX: 1;
     10  --shadowScaleOffsetY: 1;
     11  --shadowScaleBlurRadius: 1;
     12 }
     13 div {
     14  font-size: calc(1rem * var(--scale));
     15  box-shadow: calc(5px * var(--shadowScaleOffsetX)) calc(5px * var(--shadowScaleOffsetY)) calc(2px * var(--shadowScaleBlurRadius)) black;
     16 }
     17 .zoomFont {
     18  --scale: 2;
     19 }
     20 .zoomShadow {
     21  --shadowScaleOffsetX: 2;
     22  --shadowScaleOffsetY: 2;
     23  --shadowScaleBlurRadius: 2;
     24 }
     25 </style>
     26 <div>unzoomed</div>
     27 <div class="zoomFont zoomShadow">zoomed</div>
     28 <div class="zoomFont">zoomed inherited</div>