Skip to content

Instantly share code, notes, and snippets.

%box{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
%flex{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1;}
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<style type="text/css">
*{ margin:0; padding: 0; }
ul{ list-style: none; overflow: hidden;}
.wrap{ padding: 20px;}
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<style type="text/css">
*{ margin:0; padding: 0; }
ul{ list-style: none; overflow: hidden;}
.wrap{ padding: 20px;}
.WX_tab, .WX_nav, .WX_me_item, .QQ_tab, .hd_me_item {
display: box;
display: -ms-box;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
}
.WX_tab a, .WX_nav a, .WX_me_item a, .QQ_tab a, .hd_me_item a {
@mixin elli{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
%border_box{ -webkit-box-sizing: border-box; box-sizing: border-box; }
%two_line{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
%slash_fix{ backface-visibility:hidden; -webkit-backface-visibility:hidden;-ms-backface-visibility:hidden; -webkit-transform-style: preserve-3d; }
@jiguang
jiguang / _function.scss
Created May 27, 2014 07:12
scroll touch
%scroll_touch{ -webkit-overflow-scrolling: touch; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
@mixin font($size){
font-size: #{$size}px;
line-height: #{$size}px;
height: #{$size}px;
}