<a href="#" class="Forward Forward--floating js-scrollTo u-color-70" aria-hidden="true">
    <span class="Icon Icon-expand"></span>
</a>
  • Content:
    /* @define Forward; */
    
    :root {
      --Forward-width: 3em;
      --Forward-color: var(--Color-grey-20);
    }
    
    .Forward[aria-hidden] {
      @extend .u-linkClean;
      @extend .u-text-r-xxl;
      @extend .u-textCenter;
    
      color: var(--Forward-color);
    }
    
    .Forward--floating {
      @extend .u-block;
      @extend .u-sizeFull;
      @extend .u-textCenter;
    }
    
    .Forward--absolute {
      @extend .u-posAbsolute;
      @extend .u-zindex-30;
    
      bottom: 0;
      left: 50%;
    }
    
    .Forward span {
      opacity: 0.9;
      width: var(--Forward-width);
    }
    
  • URL: /components/raw/forward/index.css
  • Filesystem Path: src/components/forward/index.css
  • Size: 491 Bytes

There are no notes for this item.