/** * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* globals document */ import IconView from '../../../src/icon/iconview'; const wrapper = document.querySelector( '#inline-svg' ); const icon = ` image Created with Sketch. `; // Small. addCase( renderIcon( icon, 20 ) ); // Medium. addCase( renderIcon( icon, 40 ) ); // Large. addCase( renderIcon( icon, 60 ) ); // Color. addCase( renderIcon( icon, 60, 'red' ) ); // Inherited color. const iconWrapper = document.createElement( 'p' ); iconWrapper.style.color = 'blue'; iconWrapper.appendChild( document.createTextNode( 'foo' ) ); iconWrapper.appendChild( renderIcon( icon, 60 ) ); iconWrapper.appendChild( document.createTextNode( 'bar' ) ); addCase( iconWrapper ); function renderIcon( content, size, color ) { const iconView = new IconView(); iconView.render(); iconView.content = content; if ( size ) { iconView.element.style.width = `${ size }px`; iconView.element.style.height = `${ size }px`; } if ( color ) { iconView.element.style.color = color; } return iconView.element; } function addCase( el ) { const item = document.createElement( 'li' ); item.appendChild( el ); wrapper.appendChild( item ); }