wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-09-26 10:27:32 +09:00
Code Issues Projects Releases Packages Wiki Activity

import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo

Browse source
This commit is contained in:
Roy Tam 2018-01-19 03:59:58 +08:00
commit dcd9973243
150858 changed files with 23884658 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

36
layout/reftests/border-radius/curved-border-background-nogap.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<style>
/*
Turns out that the antialiasing on the outer edge of a block with
border-radius is not consistent if the width and border-width are changed
even if the resulting shape should look the same. So clip out the part
that's too far from the center
*/
div.outer {
width: 100px;
height: 100px;
overflow: hidden;
}
/* We want the following constraints to be satisfied:
1) Entire inner div content area is contained inside the 100px square.
2) Entire 100px square is contained inside the outer circle of the inner
div's border.
This requires that the inner div width/height be < 100px and that the
radius of the outer circle be at least 50 * sqrt(2). Let's go with a 75px
radius for that outer circle. We then need to shift our inner div up and
to the left by 25px to center it in the clipping region.
*/
div.inner {
width: 50px;
height: 50px;
border: 50px solid black;
background: black;
border-radius: 100px;
position: relative;
top: -25px;
left: -25px;
}
</style>
<div class="outer"><div class="inner"></div></div>