Scroll Shadows

Apply a shadow to indicate scrolling in your SCSS

• How to
  • SCSS Example:
• SCSS

How to

SCSS Example:

To pull the scroll shadow into your SCSS, include the mixin like this:

.your-element-that-needs-focus-state {
  &:focus {
    @include apply-scroll-shadows;
  }
}

SCSS

SCSS file imports

To use these styles in a Vue component SCSS, you’ll need:

@import '~@skyline/scss/src/core/UI.required';

@include apply-scroll-shadows();

Output