function ScaleCardArt() {
    var card = document.getElementsByClassName("face")[0].offsetHeight;    // Get height of the card faces for SVG scaling

    var artScale = (card*0.998)/300; // Much manual fiddling went into finding that very specific number, so that the "queens" line up exactly with the bottom of the card.
    var nameSize = 12 * artScale;
    var valueSize = 13 * artScale;
    var shortcutSize = 14 * artScale;

    css.innerHTML = "#board card .face .graphic svg {transform: scale3d("+ artScale +"," + artScale + "," +artScale +")}\
                     #board card .face .icon {transform: scale3d("+ artScale +"," + artScale + "," +artScale +")}\
                     #board card .face .name{font-size: " + nameSize + "px}\
                     #board card .face .value {font-size: " + valueSize + "px}\
                     #table card .shortcut {font-size: " + shortcutSize + "px}";
    document.body.appendChild(css);
  }
// This function is probably better off in another js file, or maybe it's own. Oh well.
This function is probably better off in another js file, or maybe it's own. Oh well.
This function is probably better off in another js file or maybe it ' s own . Oh well .
function ScaleCardArt() {
    var card = document.getElementsByClassName("face")[0].offsetHeight;    
    var artScale = (card*0.998)/300; 
    var nameSize = 12 * artScale;
    var valueSize = 13 * artScale;
    var shortcutSize = 14 * artScale;
    css.innerHTML = "#board card .face .graphic svg {transform: scale3d("+ artScale +"," + artScale + "," +artScale +")}\
                     #board card .face .icon {transform: scale3d("+ artScale +"," + artScale + "," +artScale +")}\
                     #board card .face .name{font-size: " + nameSize + "px}\
                     #board card .face .value {font-size: " + valueSize + "px}\
                     #table card .shortcut {font-size: " + shortcutSize + "px}";
    document.body.appendChild(css);
  }
function ScaleCardArt ( ) { var card = document . getElementsByClassName ( "face" ) [ 0 ] . offsetHeight ; var artScale = ( card * 0.998 ) / 300 ; var nameSize = 12 * artScale ; var valueSize = 13 * artScale ; var shortcutSize = 14 * artScale ; css . innerHTML = "#board card .face .graphic svg {transform: scale3d(" + artScale + "," + artScale + "," + artScale + ")}\
                     #board card .face .icon {transform: scale3d(" + artScale + "," + artScale + "," + artScale + ")}\
                     #board card .face .name{font-size: " + nameSize + "px}\
                     #board card .face .value {font-size: " + valueSize + "px}\
                     #table card .shortcut {font-size: " + shortcutSize + "px}" ; document . body . appendChild ( css ) ; }
This function is probably better off in another js file, or maybe it's own.
This function is probably better off in another js file or maybe it ' s own .
// Get height of the card faces for SVG scaling // Much manual fiddling went into finding that very specific number, so that the "queens" line up exactly with the bottom of the card.