Mixins

hide-scrollbar

Visually hides any scrollbar.

Arguments

—

Example

@use 'more-sass' as more;

.block {
  @include more.hide-scrollbar;
}

.block {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.block::-webkit-scrollbar {
  display: none;
  inline-size: 0;
  block-size: 0;
  appearance: none;
}

Edit this pageorReport an issue

hidden-element

This is the coupled pair of mixins allows to manipulate properties that affects the element visibility.

margin

Shorthand for set nullable margin properties.