/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
examples/demo-styles/icon.scss
69 строк
1 KB
iamkun
Icon: update icon (#15268)
25 апр 2019, 13:22
25 апр 2019, 13:22
ddcaa98
Код
Авторство
О чём код?
.demo-icon .source > div > i { color: #606266; margin: 0 20px; font-size: 1.5em; vertical-align: middle; } .demo-icon .source button { margin: 0 20px; } .page-component .content > ul.icon-list { overflow: hidden; list-style: none; padding: 0!important; border: solid 1px #eaeefb; border-radius: 4px; } .icon-list li { float: left; width: 16.66%; text-align: center; height: 120px; line-height: 120px; color: #666; font-size: 13px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin-right: -1px; margin-bottom: -1px; &::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } span { display: inline-block; line-height: normal; vertical-align: middle; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; color: #99a9bf; transition: color 0.15s linear; } i { display: block; font-size: 32px; margin-bottom: 15px; color: #606266; transition: color 0.15s linear; } .icon-name { display: inline-block; padding: 0 3px; height: 1em; } &:hover { span, i { color: rgb(92, 182, 255); } } }