Davidson Styleguide

Local Tasks 

<div class="local-tasks">
    <h2 class="visually-hidden">Primary tabs</h2>
    <ul class="inline">
        <li><a href="#" class="is-active">View</a></li>
        <li><a href="#">Edit</a></li>
        <li><a href="#">Delete</a></li>
        <li><a href="#">Revisions</a></li>
        <li><a href="#">Devel</a></li>
    </ul>
</div>
 
<div class="local-tasks">
  <h2 class="visually-hidden">Primary tabs</h2>
  <ul class="inline">
    <li><a href="#" class="is-active">View</a></li>
    <li><a href="#">Edit</a></li>
    <li><a href="#">Delete</a></li>
    <li><a href="#">Revisions</a></li>
    <li><a href="#">Devel</a></li>
  </ul>
</div>
 
/* No context defined for this component. */
  • Content: 
    // "Local tasks" is not shown in Fractal
// but is a Drupal administrative component
.local-tasks {
  @include rr-font-compute(l, medium);
  @include autoscheme(color(davidson-red));

  padding: rr-gridbase() rr-gridbase(4);

  ul {
    @include rr-slab-wrapper;
  }

  a {
    &.is-active {
      opacity: .6;
      pointer-events: none;
    }

    &:link,
    &:visited {
      text-decoration: none;
    }

    &:active,
    &:hover {
      text-decoration: underline;
    }
  }

  li {
    margin-right: 1em;
  }
}
  • URL: /components/raw/local-tasks/local-tasks.scss
  • Filesystem Path: patterns/molecules/navigation/local-tasks/local-tasks.scss
  • Size: 519 Bytes

There are no notes for this item.