scss 封装定制滚动条mixin

下面是抄的youtube滚动条的配色

// 定制滚动条
@mixin scrollbar-custom(
  $width: 8px,
  $borderRadius: 8px,
  $bgColor: #606060,
  $hoverColor: #909090
) {
  // 滚动条定制
  // 整个滚动条
  &::-webkit-scrollbar {
    width: $width;
  }

  // 滑块
  &::-webkit-scrollbar-thumb {
    background-color: $bgColor;
    border-radius: $borderRadius;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: $hoverColor;
  }
}

常用 SCSS 不完全总结
Reset.scss Mixin.scss Mobile Media.scss
scss mixin
/* 图片居中显示 */@mixin img-box($width,$height:$width,$border:...
css 隐藏滚动条并可以滚动内容，scss mixin封装
需求是单行横向滚动，滚动条太难看了。需要靠浏览器提供的css来实现比如chrome内核的浏览器我把这个功能用...
SCSS MiXin用法
一、介绍将公共的CSS提取出来，可以简化CSS的编写，一般将mxin单独写在一个叫mixin.scss文件当中...
常用工具类css
scss：遍历生成margin/padding @mixin部分多行文本溢出普通CSS部分
vue.config.js 中配置全局 scss
vue-cli3 直接在 main.js 中引入 scss 文件也可以生效，但如果有单独 mixin.scss，在...
scss\sass calc 的@mixin&@include
scss\sass calc 的mixin&include 处理方法 How can I create a cal...
SAP Spartacus org unit list当前行is
在Spartacus _list.scss里有这样的mixin定义： is-current-active-sele...
横向或纵向滚动时没有滚动条
我用的scss，是这种写法，不是scss这类的预处理语言的话div 隐藏滚动条 //或者 scroll-view ...
uni-App 单位rpx scss 常用的封装样式表后
scss封装样式表