@charset "utf-8"; /** * @author: liveme * @update: 2015-06-03 17:29:12 * @copyright: 基于 Neat.css | MIT License */ /* ========================================================================== 基础工具@Basis ========================================================================== */ /** * 闭合浮动 */ .u-clearfix { @include clearfix; } /* ========================================================================== 字体排版工具@Type ========================================================================== */ /** * 文字溢出显示省略号,需指定宽度 */ .u-ellipsis { display: block; @include ellipsis; } /* 强制不换行 */ .u-nowrap { @include nowrap; } /* 连续字符换行 */ .u-wrap { @include break; } /** * 禁用中文输入法 * 1. 默认关闭输入法,但用户还可以手动开启,Firefox Linux 版不支持。 * @note: 仅 IE 5+,Firefox 3+ 支持 * @doc: https://developer.mozilla.org/en-US/docs/Web/CSS/ime-mode */ .u-imeInactive { ime-mode: inactive !important; /* 1 */ } /* * OS X 字体平滑 * 1. Fiefox 25 开始支持「-moz-osx-font-smoothing:auto(默认)|grayscale」 */ .u-antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* 1 */ } /* * 雅黑 * 对于西文,OS X使用"Helvetica Neue", Helvetica; Windows使用Tahoma, Arial; * 字体策略参考:http://zenozeng.github.io/fonts.css/ */ .u-heiti, %u-heiti { font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif; } /* * 宋体 * 对于西文,OS X使用"Helvetica Neue", Helvetica; Windows使用Tahoma, Arial。使用宋体时字号不宜超过14px,并且不宜设置字体平滑 * 字体策略参考:http://zenozeng.github.io/fonts.css/ */ .u-songti, %u-songti { font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", serif; } /* 等宽字体 */ .u-monospace, %u-songti { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } /* 文本颜色 */ .u-txtPrimary { color: #0097d6; } .u-txtSuccess { color: #7cae23; } .u-txtInfo { color: #9ac9e3; } .u-txtWarning { color: #f96; } .u-txtDanger { color: #e4393c; } .u-txtGray { color: #999; } /* 背景颜色 */ .u-bgPrimary { color: $primary-text-color; background-color: $primary-color; } .u-bgSuccess { color: $success-text-color; background-color: $success-color; } .u-bgInfo { color: $info-text-color; background-color: $info-color; } .u-bgWarning { color: $warning-text-color; background-color: $warning-color; } .u-bgDanger { color: $danger-text-color; background-color: $danger-color; } /* ========================================================================== 布局工具@Layout ========================================================================== */ /* 浮动 */ .u-left { @include float(left, true); } .u-right { @include float(right, true); } /* 隐藏 */ .u-hide { display: none; } /* * display: inline-block; * 1. 针对所有现代浏览器 * 2. fixed IE6/7 1px * 3. fixed Safari 5- 等不支持 font-size: 0 的浏览器 * 4. 字号大小 * @ Usage: 结构如下