mirror of https://github.com/layui/layui
style: 移除无效的 CSS 及优化不规范的 CSS
贤心
parent
3c2e769934
commit
c1aa3bc6c9
|
|
@ -26,17 +26,17 @@ a cite{font-style: normal;}
|
|||
/** 基础通用 **/
|
||||
.layui-border-box, .layui-border-box *{box-sizing: border-box;}
|
||||
/* 消除第三方ui可能造成的冲突 */.layui-box, .layui-box *{box-sizing: content-box;}
|
||||
.layui-clear{clear: both; *zoom: 1;}
|
||||
.layui-clear:after{content:'\20'; clear:both; *zoom:1; display:block; height:0;}
|
||||
.layui-clear{clear: both;}
|
||||
.layui-clear:after{content:'\20'; clear:both; display:block; height:0;}
|
||||
.layui-clear-space{word-spacing: -5px;}
|
||||
.layui-inline{position: relative; display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
|
||||
.layui-inline{position: relative; display: inline-block; vertical-align: middle;}
|
||||
/* 三角形 */.layui-edge{position: relative; display: inline-block; vertical-align: middle; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; overflow: hidden;}
|
||||
.layui-edge-top{top: -4px; border-bottom-color: #999; border-bottom-style: solid;}
|
||||
.layui-edge-right{border-left-color: #999; border-left-style: solid;}
|
||||
.layui-edge-bottom{top: 2px; border-top-color: #999; border-top-style: solid;}
|
||||
.layui-edge-left{border-right-color: #999; border-right-style: solid;}
|
||||
/* 单行溢出省略 */.layui-elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
|
||||
/* 屏蔽选中 */.layui-unselect,.layui-icon, .layui-disabled{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
|
||||
/* 屏蔽选中 */.layui-unselect,.layui-icon, .layui-disabled{user-select: none;}
|
||||
/* 禁用 */.layui-disabled,.layui-disabled:hover{color: #d2d2d2 !important; cursor: not-allowed !important;}
|
||||
/* 纯圆角 */.layui-circle{border-radius: 100%;}
|
||||
.layui-show{display: block !important;}
|
||||
|
|
@ -521,22 +521,6 @@ a cite{font-style: normal;}
|
|||
.layui-padding-4{padding: 32px !important;}
|
||||
.layui-padding-5{padding: 48px !important;}
|
||||
|
||||
/* 上下内边距 */
|
||||
.layui-py-xxs{padding: 5px 0;}
|
||||
.layui-py-xs{padding: 8px 0;}
|
||||
.layui-py-sm{padding: 11px 0;}
|
||||
.layui-py-md, .layui-py{padding: 16px 0;}
|
||||
.layui-py-lg{padding: 24px 0;}
|
||||
.layui-py-xl{padding: 32px 0;}
|
||||
|
||||
.layui-py-0{padding: 0;}
|
||||
.layui-py-1{padding: 4px 0;}
|
||||
.layui-py-2{padding: 8px 0;}
|
||||
.layui-py-3{padding: 12px 0;}
|
||||
.layui-py-4{padding: 16px 0;}
|
||||
.layui-py-5{padding: 20px 0;}
|
||||
.layui-py-5{padding: 24px 0;}
|
||||
|
||||
/*
|
||||
* 外边距
|
||||
*/
|
||||
|
|
@ -546,22 +530,6 @@ a cite{font-style: normal;}
|
|||
.layui-margin-4{margin: 32px !important;}
|
||||
.layui-margin-5{margin: 48px !important;}
|
||||
|
||||
/* 上下外边距 */
|
||||
.layui-my-xxs{margin: 5px 0;}
|
||||
.layui-my-xs{margin: 8px 0;}
|
||||
.layui-my-sm{margin: 11px 0;}
|
||||
.layui-my-md, .layui-my{margin: 16px 0;}
|
||||
.layui-my-lg{margin: 24px 0;}
|
||||
.layui-my-xl{margin: 32px 0;}
|
||||
|
||||
.layui-my-0{margin: 0;}
|
||||
.layui-my-1{margin: 4px 0;}
|
||||
.layui-my-2{margin: 8px 0;}
|
||||
.layui-my-3{margin: 12px 0;}
|
||||
.layui-my-4{margin: 16px 0;}
|
||||
.layui-my-5{margin: 20px 0;}
|
||||
.layui-my-5{margin: 24px 0;}
|
||||
|
||||
|
||||
/*
|
||||
* 页面元素
|
||||
|
|
@ -571,7 +539,7 @@ a cite{font-style: normal;}
|
|||
.layui-input,
|
||||
.layui-select,
|
||||
.layui-textarea,
|
||||
.layui-upload-button{outline: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;}
|
||||
.layui-upload-button{outline: none; appearance: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;}
|
||||
|
||||
/* 引用 */
|
||||
.layui-elem-quote{margin-bottom: 10px; padding: 15px; line-height: 1.8; border-left: 5px solid #16b777; border-radius: 0 2px 2px 0; background-color: #fafafa;}
|
||||
|
|
@ -735,7 +703,7 @@ hr.layui-border-black{border-width: 0 0 1px;}
|
|||
* 按钮
|
||||
*/
|
||||
|
||||
.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; border: 1px solid transparent; padding: 0 18px; background-color: #16baaa; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 2px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
|
||||
.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; border: 1px solid transparent; padding: 0 18px; background-color: #16baaa; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 2px; cursor: pointer; user-select: none;}
|
||||
.layui-btn:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}
|
||||
.layui-btn:active{opacity: 1; filter:alpha(opacity=100);}
|
||||
.layui-btn+.layui-btn{margin-left: 10px;}
|
||||
|
|
@ -789,8 +757,8 @@ hr.layui-border-black{border-width: 0 0 1px;}
|
|||
.layui-form input[type=radio]{display: none;}
|
||||
.layui-form *[lay-ignore]{display: initial;}
|
||||
|
||||
.layui-form-item{position: relative; margin-bottom: 15px; clear: both; *zoom: 1;}
|
||||
.layui-form-item:after{content:'\20'; clear: both; *zoom: 1; display: block; height:0;}
|
||||
.layui-form-item{position: relative; margin-bottom: 15px; clear: both;}
|
||||
.layui-form-item:after{content:'\20'; clear: both; display: block; height:0;}
|
||||
.layui-form-label{position: relative; float: left; display: block; padding: 9px 15px; width: 80px; font-weight: 400; line-height: 20px; text-align: right;}
|
||||
.layui-form-label-col{display: block; float: none; padding: 9px 0; line-height: 20px; text-align: left;}
|
||||
.layui-form-item .layui-inline{margin-bottom: 5px; margin-right: 10px;}
|
||||
|
|
@ -863,7 +831,7 @@ hr.layui-border-black{border-width: 0 0 1px;}
|
|||
.layui-input-wrap .layui-input-number .layui-icon:hover{font-weight: 700;}
|
||||
.layui-input-wrap .layui-input[type="number"]::-webkit-outer-spin-button,
|
||||
.layui-input-wrap .layui-input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none !important;}
|
||||
.layui-input-wrap .layui-input[type="number"]{-moz-appearance: textfield;}
|
||||
.layui-input-wrap .layui-input[type="number"]{-moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;}
|
||||
.layui-input-wrap .layui-input[type="number"].layui-input-number-out-of-range{color:#ff5722;}
|
||||
|
||||
|
||||
|
|
@ -897,7 +865,6 @@ hr.layui-border-black{border-width: 0 0 1px;}
|
|||
|
||||
/* 复选框 */
|
||||
.layui-form-checkbox{position: relative; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; margin-right: 10px; padding-right: 30px; background-color: #fff; cursor: pointer; font-size: 0; -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box;}
|
||||
.layui-form-checkbox:hover{}
|
||||
.layui-form-checkbox > *{display: inline-block; vertical-align: middle;}
|
||||
.layui-form-checkbox > div{padding: 0 11px; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #d2d2d2; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
|
||||
.layui-form-checkbox > div > .layui-icon{line-height: normal}
|
||||
|
|
@ -990,7 +957,7 @@ hr.layui-border-black{border-width: 0 0 1px;}
|
|||
}
|
||||
|
||||
/** 分页 **/
|
||||
.layui-laypage{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0;}
|
||||
.layui-laypage{display: inline-block; vertical-align: middle; margin: 10px 0; font-size: 0;}
|
||||
.layui-laypage>a:first-child,
|
||||
.layui-laypage>a:first-child em{border-radius: 2px 0 0 2px;}
|
||||
.layui-laypage>a:last-child,
|
||||
|
|
@ -1003,7 +970,7 @@ hr.layui-border-black{border-width: 0 0 1px;}
|
|||
.layui-laypage button,
|
||||
.layui-laypage select{border: 1px solid #eee;}
|
||||
.layui-laypage a,
|
||||
.layui-laypage span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px;}
|
||||
.layui-laypage span{display: inline-block; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px;}
|
||||
.layui-laypage a[data-page]{color: #333;}
|
||||
.layui-laypage a{text-decoration: none !important; cursor: pointer;}
|
||||
.layui-laypage a:hover{color: #16baaa;}
|
||||
|
|
@ -1044,12 +1011,6 @@ hr.layui-border-black{border-width: 0 0 1px;}
|
|||
.layui-table tr{transition: all .3s; -webkit-transition: all .3s;}
|
||||
.layui-table th{text-align: left; font-weight: 600;}
|
||||
|
||||
.layui-table thead tr,
|
||||
.layui-table-header,
|
||||
.layui-table-tool,
|
||||
.layui-table-total,
|
||||
.layui-table-total tr,
|
||||
.layui-table-patch{}
|
||||
.layui-table-mend{background-color: #fff;}
|
||||
.layui-table-hover,
|
||||
.layui-table-click,
|
||||
|
|
@ -1358,13 +1319,12 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh
|
|||
/** 导航菜单 **/
|
||||
.layui-nav{position: relative; padding: 0 15px; background-color: #2f363c; color: #fff; border-radius: 2px; font-size: 0; box-sizing: border-box;}
|
||||
.layui-nav *{font-size: 14px;}
|
||||
.layui-nav .layui-nav-item{position: relative; display: inline-block; *display: inline; *zoom: 1; margin-top: 0; list-style: none; vertical-align: middle; line-height: 60px;}
|
||||
.layui-nav .layui-nav-item{position: relative; display: inline-block; margin-top: 0; list-style: none; vertical-align: middle; line-height: 60px;}
|
||||
.layui-nav .layui-nav-item a{display: block; padding: 0 20px; color: #fff; color: rgba(255,255,255,.7); transition: all .3s; -webkit-transition: all .3s;}
|
||||
.layui-nav-bar,
|
||||
.layui-nav .layui-this:after{content: ""; position: absolute; left: 0; top: 0; width: 0; height: 3px; background-color: #16b777; transition: all .2s; -webkit-transition: all .2s; pointer-events: none;}
|
||||
.layui-nav-bar{z-index: 1000;}
|
||||
.layui-nav[lay-bar="disabled"] .layui-nav-bar{display: none;}
|
||||
.layui-nav[lay-bar="disabled"].layui-this:after{}
|
||||
.layui-nav .layui-this a,
|
||||
.layui-nav .layui-nav-item a:hover{color: #fff; text-decoration: none;}
|
||||
.layui-nav .layui-this:after{top: auto; bottom: 0; width: 100%;}
|
||||
|
|
@ -1442,7 +1402,7 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh
|
|||
.layui-tab[overflow]>.layui-tab-title{overflow: hidden;}
|
||||
.layui-tab .layui-tab-title{position: relative; left: 0; height: 40px; white-space: nowrap; font-size: 0; transition: all .2s; -webkit-transition: all .2s;}
|
||||
.layui-tab .layui-tab-title:after{content: ""; border-bottom-color: #eee; border-bottom-width: 1px; border-style: none none solid; bottom: 0; left: 0; right: auto; top: auto; pointer-events: none; position: absolute; width: 100%; z-index: 8;}
|
||||
.layui-tab .layui-tab-title li{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s;}
|
||||
.layui-tab .layui-tab-title li{display: inline-block; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s;}
|
||||
.layui-tab .layui-tab-title li{position: relative; line-height: 40px; min-width: 65px; margin: 0; padding: 0 15px; text-align: center; cursor: pointer;}
|
||||
.layui-tab .layui-tab-title li a{display: block; padding: 0 15px; margin: 0 -15px;}
|
||||
.layui-tab-title .layui-this{color: #000;}
|
||||
|
|
|
|||
Loading…
Reference in New Issue