我的常用mixin 之 lines

/**
 * 最多显示 $lineCount 行
 * lines
 *
 * example:
 * @include lines;
 * @include lines(3);
 */
@mixin lines($lineCount: 2){
	display: -webkit-box;
	-webkit-line-clamp: $lineCount;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

  

时间: 2024-10-12 17:29:01

我的常用mixin 之 lines的相关文章

sass中常用mixin

//设置字体大小 @mixin font($s:14px,$h:1.5,$f:microsoft yahei){ font:$s/#{$h} $f; } //设置水平居中 @mixin horizontal-center { margin-left: auto; margin-right: auto; } //参数(方向,大小,颜色),默认:向下,10px,红色 %arrow{ width:0; height:0; line-height:0; font-size: 0; overflow:hi

mixins.scss 常用mixin变量定义

@mixin  text-overflow(){ text-overflow:ellipsis; overflow: hidden; } @mixin flexCtn(){ display: -webkit-box; display: flex; display: -moz-box; display: -o-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; displa

sass重构响应式unofficial‘s博客轻松适应移动端

前言: 刚刚玩博客园几天时间,发现挺不错的,对于我这个懒人又是一个爱折腾的人来说挺不错的,对于上班玩电脑,下班玩手机的用户来说,博客园中我的博客有一点给我的感觉不是很友好,电脑端看起来很美观的一个页面,移动端竟然也是原模原样的“美观”,由于工作主要是从事移动端开发,看着博客可以禁用模板样式,于是乎就决定把博客样式重构一下,分享是一种美德,不喜勿喷.本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 准备工作: 编辑工具

将sass快速引入到移动端项目中加速开发

本文以上图为例子: 首先在根目录创建一个sass文件,在sass文件中分别创建4个文件夹bsae,pages,libs,style; base下存放:样式重置_normalize.scss; 自己定义的scss代码块:_help.scss(如果项目大可以再细分为funiton,mixin,variable等): 通用部分_common.scss;(如上图中的头部,如需要可再细分为common-header , common-nav等部分) pages下存放每个对应的html需要的scss文件,如

sass中mixin常用的CSS3

圆角border-radius 1 @mixin rounded($radius){ 2 -webkit-border-radius: $radius; 3 -moz-border-radius: $radius; 4 border-radius: $radius; 5 } 盒模型阴影box-shadow 下面是一个使用多参数的例子:用CSS3创建一个阴影的mixin,需要传递水平和垂的偏移量,模糊的范围,还有颜色,4个参数: 1 @mixin shadow($x, $y, $blur, $co

ls --help 常用命令

$ ls --help Usage: ls [OPTION]... [FILE]... List information about the FILEs (the current directory by default). Sort entries alphabetically if none of -cftuvSUX nor --sort. Mandatory arguments to long options are mandatory for short options too. -a,

Mysql常用语句总结

对MySql经常使用语句的详细总结 下面总结的知识点全是经常用的,全都是干货,好好收藏吧./* 启动MySQL */ net start mysql /* 连接与断开服务器 */ mysql -h 地址 -P 端口 -u 用户名 -p 密码 /* 跳过权限验证登录MySQL */ mysqld --skip-grant-tables -- 修改root密码 密码加密函数password() update mysql.user set password=password('root'); SHOW

常用Android代码

这里收集了大家常用的一些Android代码,持续更新中,内容来自自己的平时积累和网络上看到的文章,部分原文地址在最下方.如有错误欢迎指正里面可能会有重复内容,请忽略或者提醒我删除. setBackgroundResource(0) 可以移除 View 的背景色 Resources.getSystem().getDisplayMetrics().density 可以不用 Context 也能获取屏幕密度哦 通过重载 ViewGroup 的 dispatchDraw 可以实现一个简单的蒙版效果. 例

Linux运维学习笔记之二:常用命令1

第三章 常用命令 1.mkdir : 创建目录,make directorys,-p 递归创建目录 mkdir-p /a/b/c 2.ls  : -l(long)d(directory)显示目录或文件,全称list -l#列出文件的详细信息,如创建者,创建时间,文件的读写权限列表等等 -d#只查看目录 -F#会在不同类型的文件后面加上*/=>@|等符号,以便区分不同类型文件 -p#会在目录后面加上/,以便区分目录和文件 -h#人类可读模式,显示K.M.G -i#显示inode,也就是文件的ind