.js

function itemTemplate(ctx) {

	var title = ctx.CurrentItem.Title;
	var fileRef = ctx.CurrentItem.FileRef;
	var url = _spPageContextInfo.webAbsoluteUrl + "/Documents/" + fileRef;

    var html = "";

html += '<li class="myDocuments__li ms-Grid-col ms-u-sm12 ms-u-md12 ms-u-lg6 ms-u-xl3" >';
html += '	<a href="' + url + '" class="myDocuments__link">';
html += '		<span class="myDocuments__icon ms-Icon"></span>';
html += '		<p class="myDocuments__text ms-font-l ms-fontColor-neutralPrimaryAlt ms-fontWeight-semilight">' + title + '</p>';
html += '	</a>';
html += '</li>';

    return html;
}


(function () {

    var overrideCtx = {};
    overrideCtx.Templates = {};

    overrideCtx.Templates.Header = "<ul class=\"myDocuments\">";
    overrideCtx.Templates.Item = itemTemplate;
    overrideCtx.Templates.Footer = "</ul>";

    //overrideCtx.BaseViewID = 1;
    //overrideCtx.ListTemplateType = 100;

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);

})();