UCI

Scroll Up: Default 

<section class="splitter  splitter_bg-color_white            scroll-up-splitter">
    <div class="container">
        <div class="splitter__wrapper">
            <div class="row">
                <div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
                    <div class="scroll-up"> <!-- La variante fractal NO SE INTEGRA ya que sólo es para la visualización en Fractal CR -->
                        <div class="scroll-up__goto"><a href="#top" class="go-top ">
                                <span class="go-top__inner"></span>
                            </a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
 
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div {{#if hasID}}id="{{idComponent}}"{{/if}}  class="scroll-up{{#if isFractal}} fractal{{/if}}"> <!-- La variante fractal NO SE INTEGRA ya que sólo es para la visualización en Fractal CR -->
    <div class="scroll-up__goto">{{> @go-top gotop }}</div>
</div>
{{/content}}
{{/extend}}
 
{
  "hasID": false,
  "splitter": {
    "oneColumn": true,
    "bgColorWhite": true,
    "paddingTopLarge": false,
    "paddingBottomLarge": false,
    "extra-classes": "scroll-up-splitter"
  },
  "gotop": {
    "goto": "#top"
  }
}
  • Content: 
    .scroll-up {

    /*&-item {
        margin-bottom: 40px;

        .title-l {
            margin-bottom: 15px;
        }
    }*/

    &-splitter {
        display: block;

        &.active {
            display: block;
        }
    }
    &.fractal{
        .go-top{display:block;}
    }

}
  • URL: /components/raw/scroll-up/scroll-up.css
  • Filesystem Path: src/03-organisms/scroll-up/scroll-up.css
  • Size: 290 Bytes

La variante fractal NO SE INTEGRA ya que sólo es para la visualización en Fractal