美文网首页
less 函数式写css

less 函数式写css

作者: peroLuo | 来源:发表于2019-11-05 20:11 被阅读0次
@eatingColor: #00557d;
@eatingBg: linear-gradient(135deg, #d7faff 0%, #9fe4fe 100%);

@moneyColor: #275800;
@moneyBg: linear-gradient(135deg, #d8ffc1 0%, #84e58b 100%);
.setOptions(@color,@bg) {
  color: @color;
  background: @bg;
}

#schoolLiveEating {
    float: left;
    .setOptions(@eatingColor, @eatingBg);
  }
  #schoolLiveMoney {
    float: right;
    .setOptions(@moneyColor, @moneyBg);
  }

相关文章

  • less 函数式写css

  • css 中的flexible和rem单页面制作、less注意事项

    Less官网 CSS是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。Css需要书写大量看似没有逻辑...

  • Less

    Less是什么? Less css是动态样式库 类似css的语法 赋予css新的特性 如变量、继承、运算、函数等 ...

  • 工作中常用Less知识点实践总结

    我所理解的Less的一些好处 函数式编程css 自定义变量用于整体主题调整 嵌套语法简化开发复杂度 mixin的写...

  • LESS

    LESS: Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量 Mixin、函数等特...

  • 前端利器之less入门

    less 是什么? Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特...

  • less入门

    1. 什么是less? Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数...

  • Less初始

    Less是一门CSS预处理语言,为了解决CSS中过于呆板的写法。Less =变量 +混合 +函数 变量 (1)使用...

  • CSS预处理Less

    Less是一门CSS预处理语言,它扩展了CSS语言,增加了变量、混合、函数等特性,使CSS更易维护和扩展。Less...

  • less语法和Rem,媒体查询适配方案

    Less基础语法介绍 作用: 维护CSS, 按照CSS的基本语法去写.https://less.bootcss.c...

网友评论

      本文标题:less 函数式写css

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