<div id="slider-{{::$id}}" class="slider-wrapper relative slider-type-{{ shortcode.options.type }} {{ shortcode.options.visibility }} {{ shortcode.options.class }}"> <div class="slider slider-auto-height slider-nav-{{ shortcode.options.navPos }} slider-nav-{{ shortcode.options.navSize }} slider-style-{{ shortcode.options.style }} slider-nav-{{ shortcode.options.navColor }} slider-nav-{{ shortcode.options.navStyle }} slider-nav-dots-{{ shortcode.options.bulletStyle }} is-draggable" ng-class="{'slider-show-nav' : shortcode.options.hideNav}"> <content></content> </div> <style scope="scope"> #slider-{{::$id}} {margin-bottom: {{ shortcode.options.margin }}; } #slider-{{::$id}} { background-color: {{ shortcode.options.bgColor }}; } #slider-{{::$id}} .flickity-slider > *{ max-width: {{ shortcode.options.slideWidth }}!important; } </style> </div>