美文网首页
scss命名规范

scss命名规范

作者: 古加仪 | 来源:发表于2020-10-28 10:38 被阅读0次
/**
 * 全局变量
 * 命名规范 —— 遵守语义化命名:lg-大号、md-中号、base-基本号、sm-小号、mini-超小号
 */
 
$font-weight-base: 400;

$border-color-base: rgba(101, 135, 248, 0.36);

$font-size-lg: 18px;
$font-size-md: 16px;

$color-important: #333333;


@mixin background-ad($color,$color2){
    background:$color;
  [data-theme="theme-dark"] & {
    background:$color2;
  }
}

//应用

<style lang="scss" scoped>
.boxhome{
  min-height:100vh;
  // background:#fff;
  @include background-ad(#fff,#000)
}
<style>

相关文章

  • scss命名规范

    //应用

  • Scss

    尝试使用Scss,会让你工作效率更高,代码更易管理Scss 有三大特性:嵌套 混合器 变量 变量 规范变量命名 ...

  • react className变量使用方式

    index.module.scss [success] 这种命名规范主要是避免 class 作用域相互影响,在新版...

  • 适合各厂使用的 MySQL 团队开发规范,太详细了,建议收藏!

    数据库对象命名规范 数据库对象 数据库对象全局命名规范 数据库命名规范 表命名规范 字段命名规范 索引命名规范 视...

  • 代码书写规范

    res命名规范: src中命名规范: 习惯命名:

  • Android开发中的优化方案

    一、命名规范 代码规范先从命名规范开始,Android的命名规范主要涉及:Java源代码,xml文件,图片资源。 ...

  • Swift--规范编程

    命名规范 注释规范 声明 代码排版 命名规范 常用命名方法 匈牙利命名,一般只是命名变量,原则是: 变量名 = 类...

  • Flutter 代码规范

    命名规范 命名规范中包括了文件以及文件夹的命名规范,常量和变量的命名规范,类的命令规范。Dart 中只包含这三种命...

  • 入门13 CSS综合

    CSS编码规范 命名规范:语义化标签优先;基于功能命名、基于内容命名、基于表现命名;简略、明了、无后患 书写规范:...

  • 规范文档

    1.命名规范2.注释规范3.代码规范4.目录规范 1.命名规范 通用规范通用规范是在整个项目中,所有的命名都需要遵...

网友评论

      本文标题:scss命名规范

      本文链接:https://www.haomeiwen.com/subject/zbsqvktx.html