docs: function sizeiframe(size,animate) {
      var theSize;
  
      if(size>maxViewportWidth) { //If the entered size is larger than the max allowed viewport size, cap value at max vp size
        theSize = maxViewportWidth;
      } else if(size<minViewportWidth) { //If the entered size is less than the minimum allowed viewport size, cap value at min vp size
        theSize = minViewportWidth;
      } else {
        theSize = size;
      }
  
      //Conditionally remove CSS animation class from viewport
      if(animate===false) {
        $('#sg-gen-container,#sg-viewport').removeClass("vp-animate"); //If aninate is set to false, remove animate class from viewport
      } else {
        $('#sg-gen-container,#sg-viewport').addClass("vp-animate");
      }
  
      $('#sg-gen-container').width(theSize+viewportResizeHandleWidth); //Resize viewport wrapper to desired size + size of drag resize handler
      $sgViewport.width(theSize); //Resize viewport to desired size
  
      var targetOrigin = (window.location.protocol === "file:") ? "*" : window.location.protocol+"//"+window.location.host;
      var obj = JSON.stringify({ "event": "patternLab.resize", "resize": "true" });
      document.getElementById('sg-viewport').contentWindow.postMessage(obj,targetOrigin);
  
      updateSizeReading(theSize); //Update values in toolbar
      saveSize(theSize); //Save current viewport to cookie
    }