scss visibility_10.scss

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss visibility_10.scss相关的知识,希望对你有一定的参考价值。

:root {
  --display: block;
}

[class^="display--"] {
  display: none !important;
}

@include breakpoint(xs) {
  .display--xs {
    display: var(--display) !important;
  }

  .hide--xs {
    display: none !important;
  }
}

@include breakpoint(sm) {
  .display--sm {
    display: var(--display) !important;
  }

  .hide--sm {
    display: none !important;
  }
}

@include breakpoint(md) {
  .display--md {
    display: var(--display) !important;
  }

  .hide--md {
    display: none !important;
  }
}

@include breakpoint(lg) {
  .display--lg {
    display: var(--display) !important;
  }

  .hide--lg {
    display: none !important;
  }
}

@include breakpoint(xl) {
  .display--xl {
    display: var(--display) !important;
  }

  .hide--xl {
    display: none !important;
  }
}

// component code - not included in the _visibility.scss file
.component div {
  --display: inline-block;
  display: var(--display);
}

以上是关于scss visibility_10.scss的主要内容,如果未能解决你的问题,请参考以下文章

scss typography_10.scss

scss visibility_13.scss

scss visibility_12.scss

scss visibility_11.scss

scss visibility_09.scss

scss visibility_08.scss