OCDE - Pattern Library v1.13.0

Scroll Box 

l-scrollbox
 
l-scrollbox
 
/* No context defined. */
  • Content: 
    .l-scrollbox {
  overflow: auto;
  visibility: hidden;

  .l-scrollbox-x-content {
    visibility: visible;
  }

  &:hover,
  &:focus {
    visibility: visible;
  }

}
  • URL: /components/raw/l-scrollbox/_l-scrollbox.scss
  • Filesystem Path: src/scss/03-layouts/l-scrollbox/_l-scrollbox.scss
  • Size: 168 Bytes

Used to show scrollbars only when the user interacts with the element.

Important notes:

  • The root element (that which receives l-scrollbox) cannot have any styling as its default state isn’t visible
  • The containing element’s background will show through in its default state