button.less+component animations+dropdowns+button-group

本文介绍了一种使用LESS预处理器语言定义按钮和下拉菜单样式的详细方法,包括按钮的不同尺寸、颜色变化、链接样式以及下拉菜单的触发方式等。还涉及了如何通过LESS变量和混合来定制样式。

这个倒是挺简单的。
mixins/button.less提供了一个按钮大小的混合。
.user-select()不知道是谁提供的样式。找到了,是第三方前缀提供方的

变量的less,用于什么组件或内容的变量都说的很清楚。和定制页一致。

相关css+html:user-select;display的多种属性。
1. 定义基本的按钮样式类.btn
2. 定义六种颜色的按钮样式类
3. 定义链接按钮样式类
4. 定义三种尺寸样式类
5. 定义块按钮样式

component animations.less

  1. 定义.fade类
  2. 定义.collapse类
  3. 定义.collapseing类

触发器+下拉菜单

通过bootstrap熟悉css,再切几张页面,在学会js操作数据。
随便比着别人的代码,扒别人代码就行了。比如:模拟实现功能及页面不是有node吗?

箭头样式,加了两句,display:inline-block和vertical-align:middle 资料1各种不懂 | 资料2

  1. 定义下拉菜单的箭头样式类.caret
  2. 定义下拉菜单的盒子类,两个
  3. 阻止焦点样式类
  4. 下拉菜单样式类。(可以右对齐,分割,链接)
  5. 链接悬浮,激活状态类;禁用类;开放类
  6. 定位样式类
  7. 区域的头类
  8. 手机上背景类
  9. 下拉菜单反向样式类
  10. 组件对齐类

button-group.less

div像一个按钮
一串很长的选择器

  1. 按钮组的样式类(阻止相邻双边距)
  2. 工具栏类
  3. 弧度,不显示轮廓什么的,
  4. 需要细看的样式
  5. 重新定箭头类的样式
  6. 垂直按钮组
  7. 合理的按钮组
  8. 单选复选的样式
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值