Merge pull request #14295 from tuxinghuan/dev

docs(icon):make the style change when hover on it
pull/14325/head
Zhi Cun 2019-02-02 10:23:31 +08:00 committed by GitHub
commit f598d9ba9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 12 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>