mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-09-29 18:47:38 +00:00
6524d0b83d
When downscaling images, Cairo apparently uses algorithms different enough to make this test trip over. So add the downscaled image as the reference instead of downscaling the previous reference image. Fixes the border-image reftest. For real now.
66 lines
1.8 KiB
CSS
66 lines
1.8 KiB
CSS
@import "reset-to-defaults.css";
|
|
|
|
* {
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
GtkButton {
|
|
border-image-source: url("border-image-balls.png");
|
|
border-image-slice: 20;
|
|
border-image-repeat: stretch;
|
|
border-width: 20px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.stretch-stretch { border-image-repeat: stretch stretch }
|
|
.stretch-repeat { border-image-repeat: stretch repeat }
|
|
.stretch-round { border-image-repeat: stretch round }
|
|
.stretch-space { border-image-repeat: stretch space }
|
|
.repeat-stretch { border-image-repeat: repeat stretch }
|
|
.repeat-repeat { border-image-repeat: repeat repeat }
|
|
.repeat-round { border-image-repeat: repeat round }
|
|
.repeat-space { border-image-repeat: repeat space }
|
|
.round-stretch { border-image-repeat: round stretch }
|
|
.round-repeat { border-image-repeat: round repeat }
|
|
.round-round { border-image-repeat: round round }
|
|
.round-space { border-image-repeat: round space }
|
|
.space-stretch { border-image-repeat: space stretch }
|
|
.space-repeat { border-image-repeat: space repeat }
|
|
.space-round { border-image-repeat: space round }
|
|
.space-space { border-image-repeat: space space }
|
|
|
|
#red {
|
|
background-image: url("border-image-ball-red.png");
|
|
background-color: black;
|
|
}
|
|
|
|
#yellow {
|
|
background-image: url("border-image-ball-yellow.png");
|
|
background-color: black;
|
|
}
|
|
|
|
#yellow-3 {
|
|
background-image: url("border-image-3-balls-yellow.png");
|
|
background-color: black;
|
|
}
|
|
|
|
#yellow-3-round {
|
|
background-image: url("border-image-3-balls-yellow-squished.png");
|
|
background-color: black;
|
|
}
|
|
|
|
#green {
|
|
background-image: url("border-image-ball-green.png");
|
|
background-color: black;
|
|
}
|
|
|
|
#green-3 {
|
|
background-image: url("border-image-3-balls-green.png");
|
|
background-color: black;
|
|
}
|
|
|
|
#green-3-round {
|
|
background-image: url("border-image-3-balls-green-squished.png");
|
|
background-color: black;
|
|
}
|