summaryrefslogtreecommitdiffstats
path: root/layout/reftests/font-inflation/form-button.html
blob: 68fda9c5004c58508d774e9ba34ca779a0b92635 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE HTML>
<meta charset="utf-8">
<style>
  div.outer {
    width: 450px;
    font-size: 12px;
  }

  button {
    font-size: 12px;
  }

  .invisible {
    color: white;
  }
</style>
<!--
In a 450px container, the minimum font size at 15em per line is 30px.
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
-->
<div class="outer">
  <form><button>Add Comment</button></form>
  <p class="invisible">Some text to ensure the button gets inflated - if it
  isn't size-restricted, that is - but which shouldn't influence the visual
  result otherwise.</p>
</div>