diff --git a/css/jstris-skin.css b/css/jstris-skin.css index d7059cc..b407374 100644 --- a/css/jstris-skin.css +++ b/css/jstris-skin.css @@ -23,8 +23,6 @@ tr.matrix td:not(.mino) { } .mino { - width: var(--cell-size); - height: var(--cell-size); background-image: var(--skin-url); background-size: cover; background-repeat: no-repeat; @@ -87,10 +85,10 @@ tr.matrix td:not(.mino) { } .select2-container:not(.select2-container--disabled) .selection { - width: calc(var(--nb-sprites) * var(--cell-size)); - background-position-x: calc(-1 * var(--sprite-pos) * var(--cell-size)); --nb-sprites: 4; --sprite-pos: 4; + width: calc(var(--nb-sprites) * var(--cell-size)); + background-position-x: calc(-1 * var(--sprite-pos) * var(--cell-size)); background-image: var(--skin-url); background-size: cover; background-repeat: no-repeat; diff --git a/css/tetrio-skin.css b/css/tetrio-skin.css index e81feb8..9a17a5a 100644 --- a/css/tetrio-skin.css +++ b/css/tetrio-skin.css @@ -9,8 +9,6 @@ } .mino { - width: var(--cell-size); - height: var(--cell-size); background-image: var(--skin-url); background-size: cover; background-repeat: no-repeat; @@ -73,11 +71,12 @@ } .select2-container:not(.select2-container--disabled) .selection { + --cell-size: 24px; --padded-cell-size: calc(var(--cell-size) + 1px); - width: calc(var(--nb-sprites) * var(--padded-cell-size)); + --nb-sprites: 4; + --sprite-pos: 2; + width: calc(var(--nb-sprites) * var(--padded-cell-size) - 1px); background-position-x: calc(-1 * var(--sprite-pos) * var(--padded-cell-size)); - --nb-sprites: 3; - --sprite-pos: 4; background-image: var(--skin-url); background-size: cover; background-repeat: no-repeat; diff --git a/index.html b/index.html index acd1937..da97fdf 100644 --- a/index.html +++ b/index.html @@ -93,7 +93,7 @@