mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
43659799bc
* Image corners were blinking in #4322 and CSS border will now draw non uniform corner radiuses if the border color is uniform * Implement per-side corner radiuses for iOS * Update stretch-mode example * Update matrix-mode example * Update image resources * Add clipping for non uniform radii without border width, don't throw for missing image resources in css
64 lines
1.1 KiB
CSS
64 lines
1.1 KiB
CSS
GridLayout>GridLayout {
|
|
width: 60;
|
|
height: 60;
|
|
margin: 2;
|
|
border-color: rgba(0, 255, 0, 0.5);
|
|
background-color: rgba(0, 0, 255, 0.5);
|
|
}
|
|
|
|
.b1, .b2, .b3, .b4, .b5 {
|
|
background-image: url("res://tile");
|
|
}
|
|
|
|
.b1 {
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
}
|
|
|
|
.b2 {
|
|
background-repeat: repeat-x;
|
|
background-position: 0% 0%;
|
|
}
|
|
|
|
.b3 {
|
|
background-repeat: repeat-y;
|
|
background-position: 0% 0%;
|
|
}
|
|
|
|
.b4 {
|
|
background-repeat: repeat;
|
|
background-position: 0% 0%;
|
|
}
|
|
|
|
.b5 {
|
|
background-repeat: no-repeat;
|
|
background-position: 100% 100%;
|
|
}
|
|
|
|
.g1 {
|
|
border-width: 15;
|
|
border-color: red;
|
|
border-radius: 0 10 20 30;
|
|
background-color: blue;
|
|
}
|
|
|
|
.g2 {
|
|
border-width: 15 10 5 0;
|
|
border-color: red;
|
|
border-radius: 0 10 20 30;
|
|
background-color: blue;
|
|
}
|
|
|
|
.g3 {
|
|
border-width: 5 10 5 10;
|
|
border-color: red;
|
|
border-radius: 20 20 20 20;
|
|
background-color: blue;
|
|
}
|
|
|
|
.g4 {
|
|
border-width: 10 5 10 5;
|
|
border-color: red;
|
|
border-radius: 20 20 20 20;
|
|
background-color: blue;
|
|
} |