mirror of https://github.com/ElemeFE/element
Merge pull request #14295 from tuxinghuan/dev
docs(icon):make the style change when hover on itpull/14325/head
commit
f598d9ba9f
|
@ -37,8 +37,6 @@
|
||||||
line-height: 120px;
|
line-height: 120px;
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
transition: color .15s linear;
|
|
||||||
|
|
||||||
border-right: 1px solid #eee;
|
border-right: 1px solid #eee;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
margin-right: -1px;
|
margin-right: -1px;
|
||||||
|
@ -58,15 +56,16 @@
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
color: #606266;
|
color: #606266;
|
||||||
|
transition: color .15s linear;
|
||||||
}
|
}
|
||||||
.icon-name {
|
.icon-name {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 3px;
|
padding: 0 3px;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
color: #606266;
|
transition: color .15s linear;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
color: rgb(92, 182, 255);
|
i,span{color: rgb(92, 182, 255);}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -37,8 +37,6 @@
|
||||||
line-height: 120px;
|
line-height: 120px;
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
transition: color .15s linear;
|
|
||||||
|
|
||||||
border-right: 1px solid #eee;
|
border-right: 1px solid #eee;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
margin-right: -1px;
|
margin-right: -1px;
|
||||||
|
@ -58,15 +56,16 @@
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
color: #606266;
|
color: #606266;
|
||||||
|
transition: color .15s linear;
|
||||||
}
|
}
|
||||||
.icon-name {
|
.icon-name {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 3px;
|
padding: 0 3px;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
color: #606266;
|
transition: color .15s linear;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
color: rgb(92, 182, 255);
|
i,span{color: rgb(92, 182, 255);}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -36,8 +36,6 @@
|
||||||
line-height: 120px;
|
line-height: 120px;
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
transition: color .15s linear;
|
|
||||||
|
|
||||||
border-right: 1px solid #eee;
|
border-right: 1px solid #eee;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
margin-right: -1px;
|
margin-right: -1px;
|
||||||
|
@ -51,6 +49,7 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
|
font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
|
||||||
color: #99a9bf;
|
color: #99a9bf;
|
||||||
|
transition: color .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
i {
|
||||||
|
@ -58,17 +57,17 @@
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
color: #606266;
|
color: #606266;
|
||||||
|
transition: color .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-name {
|
.icon-name {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 3px;
|
padding: 0 3px;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
color: #606266;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: rgb(92, 182, 255);
|
span,i{color: rgb(92, 182, 255);}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue