43 lines
976 B
SCSS
43 lines
976 B
SCSS
|
|
||
|
|
span.button > img {
|
||
|
|
pointer-events: none;
|
||
|
|
image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */
|
||
|
|
image-rendering: -moz-crisp-edges; /* Firefox */
|
||
|
|
image-rendering: -o-crisp-edges; /* Opera */
|
||
|
|
image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
|
||
|
|
image-rendering: pixelated; /* Chrome */
|
||
|
|
width: 70px;
|
||
|
|
height: 70px;
|
||
|
|
transform: translate(0, 10px);
|
||
|
|
background: lightgray;
|
||
|
|
}
|
||
|
|
|
||
|
|
span.button.wide {
|
||
|
|
width: 128px;
|
||
|
|
height: 128px;
|
||
|
|
}
|
||
|
|
|
||
|
|
span.button.wide > img {
|
||
|
|
width: 108px;
|
||
|
|
height: 108px;
|
||
|
|
}
|
||
|
|
|
||
|
|
span.button {
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
display: inline-block;
|
||
|
|
background: lightgray;
|
||
|
|
width:90px;
|
||
|
|
height:90px;
|
||
|
|
margin: 5px 5px 5px 5px;
|
||
|
|
border-radius: 1px;
|
||
|
|
cursor: pointer;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
span.button:hover {
|
||
|
|
background: gray;
|
||
|
|
}
|