mirror of
https://github.com/clearleft/clearless.git
synced 2026-01-09 13:47:55 -05:00
52 lines
1.6 KiB
Plaintext
52 lines
1.6 KiB
Plaintext
// ==============================================
|
|
// Sprite helpers
|
|
// ==============================================
|
|
|
|
.sprite(@x, @y, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) {
|
|
.sprite-image(@sprite-image);
|
|
.sprite-pos(@x, @y, @sprite-grid);
|
|
}
|
|
|
|
.sprite-sized(@x, @y, @size, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) {
|
|
.sprite(@x, @y, @sprite-image, @sprite-grid);
|
|
.size(@size);
|
|
}
|
|
|
|
.sprite-sized(@x, @y, @width, @height, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when (isnumber(@height)) {
|
|
.sprite(@x, @y, @sprite-image, @sprite-grid);
|
|
.size(@width,@height);
|
|
}
|
|
|
|
.sprite-ir(@x, @y, @size, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) {
|
|
.ir();
|
|
.sprite(@x, @y, @sprite-image, @sprite-grid);
|
|
.size(@size);
|
|
}
|
|
|
|
.sprite-ir(@x, @y, @width, @height, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when (isnumber(@height)) {
|
|
.ir();
|
|
.sprite(@x, @y, @sprite-image, @sprite-grid);
|
|
.size(@width,@height);
|
|
}
|
|
|
|
.sprite-image(@sprite-image:@sprite-image) {
|
|
background-image: url(@sprite-image);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.sprite-pos(@x, @y, @sprite-grid:@sprite-grid) {
|
|
background-position: -(@x*@sprite-grid*1px) -(@y*@sprite-grid*1px);
|
|
}
|
|
|
|
.sprite-pos-sized(@x, @y, @size, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) {
|
|
.sprite-pos(@x, @y, @sprite-grid);
|
|
.size(@size);
|
|
}
|
|
|
|
.sprite-pos-sized(@x, @y, @width, @height, @sprite-grid:@sprite-grid) when (isnumber(@height)) {
|
|
.sprite-pos(@x, @y, @sprite-grid);
|
|
.size(@width,@height);
|
|
}
|
|
|
|
|