浏览代码

An empty HTML snippet container will have additional class.

Kamil Piechaczek 6 年之前
父节点
当前提交
3f89e0c454
共有 1 个文件被更改,包括 7 次插入1 次删除
  1. 7 1
      scripts/docs/snippetadapter.js

+ 7 - 1
scripts/docs/snippetadapter.js

@@ -163,8 +163,14 @@ module.exports = function snippetAdapter( snippets, options, umbertoHelpers ) {
 
 					let snippetHTML = fs.readFileSync( snippetData.snippetSources.html ).toString();
 
+					const elementClasses = [ 'live-snippet' ];
+
+					if ( !snippetHTML.trim() ) {
+						elementClasses.push( 'live-snippet--empty' );
+					}
+
 					snippetHTML = snippetHTML.replace( /%BASE_PATH%/g, snippetData.basePath );
-					snippetHTML = `<div class="live-snippet">${ snippetHTML }</div>`;
+					snippetHTML = `<div class="${ elementClasses.join( ' ' ) }">${ snippetHTML }</div>`;
 
 					content = content.replace( getSnippetPlaceholder( snippetData.snippetName ), snippetHTML );