Springboard

Implied 

<a href="#">Read more <span class="implied">about jackelopes.</span></a>
 
<a href="#">{{ visible }} <span class="implied">{{ implied }}</span></a>
 
{
  "visible": "Read more",
  "implied": "about jackelopes."
}
  • Content: 
    /* 
  Implied Content

  Use to hide content that would be implied for visual users, such
  as in "read more" links. (idea swiped from the css of informationarchitects.jp)
*/
.implied {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  background: transparent;
}
  • URL: /components/raw/implied/_sass.scss
  • Filesystem Path: components/02-modules/utils/implied/_sass.scss
  • Size: 304 Bytes

Use to hide content that would be implied for visual users, such as in “read more” links. (idea swiped from the css of informationarchitects.jp)