Lehigh Clutch Style Guide

Workbench 

<div class="workbench">
    <a href="" class="workbench_item">Workbench section</a>
</div><!-- end workbench -->
 
<div class="workbench">
  <a href="{{ url }}" class="workbench_item">{{ text }}</a>
</div><!-- end workbench -->
 
{
  "url": null,
  "text": "Workbench section"
}
  • Content: 
    .workbench {
  padding: $space-one-half;
  margin: 0 0 $space-one-half 0;
  background-color: $gold_20;
  color: $grey_k60;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 0;
  font-size: .875rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  a,
  > div {
    color: $grey_k60;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 0;
    font-size: .875rem;
  }

  > div {
    margin: 0 5px 0 0;
  }
}
  • URL: /components/raw/workbench/workbench.scss
  • Filesystem Path: bits/04-components/workbench/workbench.scss
  • Size: 453 Bytes

Display workbench heading component.