Web Toolkit

image/svg+xml GitHub

Skiplinks 

<ul class="Skiplinks js-fr-bypasslinks u-hiddenPrint">
    <li><a href="#main">Vai al Contenuto</a></li>
    <li><a class="js-fr-offcanvas-open" href="#menu" aria-controls="menu" aria-label="accedi al menu" title="accedi al menu">Vai alla navigazione del sito</a></li>
</ul>
  • Content: 
    @import "fr-bypasslinks/bypasslinks.css";

/** @define Skiplinks; weak */

.Skiplinks {
  @extend .u-sizeFull;
  @extend .u-padding-left-xxl;
}

.Skiplinks > li {
  @extend .u-inlineBlock;
  @extend .u-alignMiddle;
}

.Skiplinks > li > a {
  @extend .u-background-white;
  @extend .u-padding-top-xs;
  @extend .u-padding-bottom-xs;
  @extend .u-padding-left-l;
  @extend .u-padding-right-l;
  @extend .u-textClean;
  @extend .u-color-50;
}
  • URL: /components/raw/skiplinks/index.css
  • Filesystem Path: src/components/skiplinks/index.css
  • Size: 440 Bytes
  • Content: 
    import Frbypasslinks from 'fr-bypasslinks'

const bypassLinks = Frbypasslinks({
  selector: '.js-fr-bypasslinks'
})

export default { bypassLinks, Frbypasslinks }
  • URL: /components/raw/skiplinks/index.js
  • Filesystem Path: src/components/skiplinks/index.js
  • Size: 163 Bytes

There are no notes for this item.