<?php
/**
 * Metabox "Custom Styles"
 *
 * @since  4.7.0
 *
 * Used in class-popup-admin.php
 * Available variables: $popup
 */

?>
<div class="wpmui-grid-12">
	<label for="po-custom-css">
		<?php _e( 'Provide custom CSS rules to customize this PopUp', PO_LANG ); ?>
	</label>
</div>
<div class="wpmui-grid-12">
	<textarea name="po_custom_css" id="po-custom-css" style="display: none"><?php
	echo esc_textarea( $popup->custom_css );
	?></textarea>
	<div class="po_css_editor"
		id="po-css-editor"
		data-input="#po-custom-css"
		style="width:100%; height: 20em;"
	><?php
	echo esc_textarea( $popup->custom_css );
	?></div>
</div>
<div class="wpmui-grid-12">
	<?php _e( 'Note: To target this PopUp you need to prefix all rules with <code>#popup</code>, e.g. <code>#popup .wdpu-text { font-family: sans }</code>', PO_LANG ); ?>
</div>
