VGR Styleguide

File Type Class Links 

<!-- Default -->
<p><a href="/" class="vgr-link vgr-link--pdf">A link with a pdf link class</a></p>


<!-- Doc -->
<p><a href="/" class="vgr-link vgr-link--doc">A link with a doc link class</a></p>


<!-- Xls -->
<p><a href="/" class="vgr-link vgr-link--xls">A link with a xls link class</a></p>


<!-- Zip -->
<p><a href="/" class="vgr-link vgr-link--zip">A link with a zip link class</a></p>


<!-- Mail -->
<p><a href="/" class="vgr-link vgr-link--mail">A link with a mail link class</a></p>


<!-- Phone -->
<p><a href="/" class="vgr-link vgr-link--phone">A link with a phone link class</a></p>


<!-- Video -->
<p><a href="/" class="vgr-link vgr-link--video">A link with a video link class</a></p>


<!-- Image -->
<p><a href="/" class="vgr-link vgr-link--image">A link with a image link class</a></p>


<!-- Sound -->
<p><a href="/" class="vgr-link vgr-link--sound">A link with a sound link class</a></p>


<p><a href="{{ url }}" class="vgr-link vgr-link--{{ modifier }}">A link with a {{ modifier }} link class</a></p>
 
/* Default */
{
  "url": "/",
  "modifier": "pdf"
}


/* Doc */
{
  "url": "/",
  "modifier": "doc"
}


/* Xls */
{
  "url": "/",
  "modifier": "xls"
}


/* Zip */
{
  "url": "/",
  "modifier": "zip"
}


/* Mail */
{
  "url": "/",
  "modifier": "mail"
}


/* Phone */
{
  "url": "/",
  "modifier": "phone"
}


/* Video */
{
  "url": "/",
  "modifier": "video"
}


/* Image */
{
  "url": "/",
  "modifier": "image"
}


/* Sound */
{
  "url": "/",
  "modifier": "sound"
}

There are no notes for this item.