scss文件整理
This commit is contained in:
parent
e1b51af9a6
commit
dbf0789e66
|
@ -1,3 +1,10 @@
|
|||
/*
|
||||
* 保护有用的浏览器默认样式而不是完全去掉它们
|
||||
* 一般化的样式:为大部分HTML元素提供
|
||||
* 修复浏览器自身的bug并保证各浏览器的一致性
|
||||
* 优化CSS可用性:用一些小技巧
|
||||
* 解释代码:用注释和详细的文档来
|
||||
*/
|
||||
|
||||
|
||||
//使html占用整个屏幕然后设置触摸操作,以避免触摸延迟在移动IE
|
||||
|
|
|
@ -1,44 +0,0 @@
|
|||
@import "minxin-variables";
|
||||
|
||||
.u-ripple {
|
||||
background : $ripple-bg-color;
|
||||
border-radius : 50%;
|
||||
height : 50px;
|
||||
left : 0;
|
||||
filter: alpha(opacity=0);
|
||||
opacity : 0;
|
||||
filter: alpha(opacity=0) \9;
|
||||
display:none \9;
|
||||
pointer-events : none;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
transform : translate(-50%, -50%);
|
||||
width : 50px;
|
||||
overflow : hidden;
|
||||
|
||||
&.is-animating {
|
||||
transition: transform 0.8s $animation-curve-linear-out-slow-in,
|
||||
width 0.8s $animation-curve-linear-out-slow-in,
|
||||
height 0.8s $animation-curve-linear-out-slow-in,
|
||||
opacity 0.8s $animation-curve-linear-out-slow-in;
|
||||
}
|
||||
|
||||
&.is-visible {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
&.oldIE{
|
||||
background:none;
|
||||
}
|
||||
}
|
||||
|
||||
.u-ripple-container {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0rem;
|
||||
position: absolute;
|
||||
top: 0rem;
|
||||
width: 100%;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
}
|
|
@ -1662,3 +1662,20 @@
|
|||
.u-link:focus, .u-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
// 边框
|
||||
.u-border-top{
|
||||
border-top:1px solid unquote("rgb(#{$palette-u-gray-100})");
|
||||
}
|
||||
|
||||
.u-border-left{
|
||||
border-left:1px solid unquote("rgb(#{$palette-u-gray-100})");
|
||||
}
|
||||
|
||||
.u-border-right{
|
||||
border-right:1px solid unquote("rgb(#{$palette-u-gray-100})");
|
||||
}
|
||||
|
||||
.u-border-bottom{
|
||||
border-bottom:1px solid unquote("rgb(#{$palette-u-gray-100})");
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue