MIUN - Design Library

SparkleBlock: Full Width 

<h3 class="heading-level-3">Rubrik</h3>

<div class='sprkl-wrapper Sparkle-25010' data-template='1' data-show-scrollbars='false' data-fixed-height='false' style='height: 100%; width: 100%;' />
 
{{#if title}}
    <h3 class="heading-level-3">{{{title}}}</h3>
{{/if}}
{{{ content }}}
 
{
  "title": "Rubrik",
  "content": "\n\t\t<div class='sprkl-wrapper Sparkle-25010' data-template='1' data-show-scrollbars='false' data-fixed-height='false' style='height: 100%; width: 100%;'/>\n\t\t"
}
  • Content: 
    if (document.querySelector('.carousel') !== null) {
    $('.carousel').carousel()
}
  • URL: /components/raw/sparkleblock/SparkleBlock.js
  • Filesystem Path: src\components\02-block_components\SparkleBlock\SparkleBlock.js
  • Size: 87 Bytes
  • Content: 
    .carousel-inner > .item.active {
    position: relative;
}
.carousel-inner > .item {
    transition: .3s ease-out left;
}
.carousel-inner > .active {
    left: 0;
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.carousel-inner > .item {
    transition: .3s ease-out left;
}
.sparkleblock{
    margin-bottom: $lg-space;
}
  • URL: /components/raw/sparkleblock/SparkleBlock.scss
  • Filesystem Path: src\components\02-block_components\SparkleBlock\SparkleBlock.scss
  • Size: 552 Bytes

There are no notes for this item.