/*this is a component css*/

  .<%- ctrl.props.id %>Props {
<% if (magicConfig.absolute_position === true) {%>
       position:absolute;
       <% if (ctrl.props.window_type && ctrl.props.window_type == WindowType.Modal) {%>
       height: <%- ctrl.coordinates.height + 'px'%>;
       width: <%- ctrl.coordinates.width + 'px'%>;
       <% } else {%>
       height: 100vh;
       width: 100vh;
       <%}%>
    <%}%>
<%switch(ctrl.props.wallpaper_style) {
    case CtrlImageStyle.Copied :%>
        background-repeat: no-repeat;
<% break;

case CtrlImageStyle.Distorted : %>
        background-size: 100% 100%;

<%break;
case CtrlImageStyle.ScaleFill : %>
        background-size: cover;

<%break;
case CtrlImageStyle.ScaleFit : %>
        background-size: contain;
        background-repeat: no-repeat;
<%break;
default :%>
        background-repeat: repeat;
<%}%>
    }

<%- include(`view.component.css.ejs`, {ctrl: ctrl}) %>