45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
<div id="{{:: shortcode.$id }}" class="col
|
|
small-{{ shortcode.options.span }}
|
|
col-hover-{{ shortcode.options.hover }}
|
|
{{ shortcode.options.visibility }}
|
|
{{ shortcode.options.class }}
|
|
{{ shortcode.options.forceFirst }}-col-first
|
|
"
|
|
data-fade="true"
|
|
ng-class="{dark: shortcode.options.color == 'light', 'col-divided': shortcode.options.divider, 'has-hover': shortcode.options.borderHover, 'uxb-sticky-column': shortcode.options.sticky == 'true'}"
|
|
ng-attr-data-parallax="{{ shortcode.options.parallax }}"
|
|
ng-style="{
|
|
'min-height' : shortcode.options.height,
|
|
}">
|
|
|
|
<div class="col-inner
|
|
text-{{ shortcode.options.align }}
|
|
box-shadow-{{ shortcode.options.depth }}
|
|
box-shadow-{{ shortcode.options.depthHover }}-hover
|
|
text-shadow-{{ shortcode.options.textDepth }}"
|
|
ng-attr-data-animate="{{ shortcode.options.animate }}" data-animated="true"
|
|
ng-style="{
|
|
'max-width' : shortcode.options.maxWidth,
|
|
'background-color': shortcode.options.bgColor,
|
|
}">
|
|
<div ng-if="shortcode.options.border"
|
|
ng-class="{['hover-'+shortcode.options.borderHover ] : shortcode.options.borderHover}"
|
|
class="is-border is-{{shortcode.options.borderStyle}}"
|
|
ng-style="{
|
|
'borderRadius': shortcode.options.borderRadius+'px',
|
|
'borderWidth': shortcode.options.border,
|
|
'margin': shortcode.options.borderMargin,
|
|
'borderColor': shortcode.options.borderColor
|
|
}"
|
|
></div>
|
|
|
|
<content></content>
|
|
|
|
<style scope="scope">
|
|
#{{:: shortcode.$id }} > .col-inner {padding: {{ shortcode.options.padding }}; }
|
|
#{{:: shortcode.$id }} > .col-inner {margin: {{ shortcode.options.margin }}; }
|
|
#{{:: shortcode.$id }} > .col-inner {border-radius: {{ shortcode.options.bgRadius }}px; }
|
|
</style>
|
|
</div>
|
|
</div>
|