<!-- Default -->
<a href="/edit" class="primary">Title of this item</a>

<!-- Avatar -->
<a href="/edit" class="primary"><img src="https://www.gravatar.com/avatar/147a967af420e2dd518e5410842bafbe?s=64" width="32" height="32" class="avatar"> Title of this item</a>

<!-- Icon -->
<a href="/edit"><svg width="16" height="16" class="icon icon-document"><use xlink:href="/assets/svg/core.svg#document" /></svg> <span class="primary">Title of this item</span></a>

<!-- Default -->
<a href="/edit" class="primary">Title of this item</a>

<!-- Avatar -->
<a href="/edit" class="primary"><img src="https://www.gravatar.com/avatar/147a967af420e2dd518e5410842bafbe?s=64" width="32" height="32" class="avatar"> Title of this item</a>

<!-- Icon -->
<a href="/edit">{{ icon 'core/document' }} <span class="primary">Title of this item</span></a>
/* Default: No context defined */

/* Avatar: No context defined */

/* Icon: No context defined */

  • Content:
    a.primary:link,
    a.primary:visited,
    .primary {
    	@include font-scale(m, helvetica);
    	color: palette(type, primary);
    	border-bottom: 1px solid palette(type, primary-light);
    }
    
    span.primary {
    	vertical-align: middle;
    }
    
    .avatar {
    	border-radius: 50%;
    	display: inline-block;
    	vertical-align: middle;
    	margin-right: 0.3rem;
    	opacity: 0.7;
    }
    
    tr:hover .avatar {
    	opacity: 1;
    }
  • URL: /components/raw/table-primary-link/table-primary-link.scss
  • Filesystem Path: src/components/15-tables/01-atoms/02-table-primary-link/table-primary-link.scss
  • Size: 370 Bytes

There are no notes for this item.