ant-design/site/theme/static/icons.less

84 lines
1.6 KiB
Plaintext
Raw Normal View History

2017-03-10 18:04:14 +08:00
ul.anticons-list {
2018-09-01 16:16:11 +08:00
margin: 10px 0;
2017-03-10 18:04:14 +08:00
overflow: hidden;
list-style: none;
2017-03-10 18:04:14 +08:00
li {
position: relative;
2017-03-10 18:04:14 +08:00
float: left;
width: 16.66%;
height: 100px;
margin: 3px 0;
padding: 10px 0 0;
overflow: hidden;
color: #555;
2017-03-10 18:04:14 +08:00
text-align: center;
list-style: none;
background-color: #fff;
border-radius: 4px;
2017-03-10 18:04:14 +08:00
cursor: pointer;
2018-12-07 16:17:45 +08:00
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
2017-03-10 18:04:14 +08:00
.anticon {
2018-09-02 19:11:47 +08:00
margin: 12px 0 8px;
font-size: 36px;
2018-12-07 16:17:45 +08:00
transition: transform 0.3s ease-in-out;
2018-03-27 15:40:31 +08:00
will-change: transform;
2017-03-10 18:04:14 +08:00
}
.anticon-class {
display: block;
font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
2017-03-10 18:04:14 +08:00
white-space: nowrap;
text-align: center;
transform: scale(0.83);
2018-03-27 15:40:31 +08:00
.ant-badge {
2018-12-07 16:17:45 +08:00
transition: color 0.3s ease-in-out;
2018-03-27 15:40:31 +08:00
}
2017-03-10 18:04:14 +08:00
}
&:hover {
color: #fff;
background-color: @primary-color;
2017-03-10 18:04:14 +08:00
.anticon {
transform: scale(1.4);
}
2018-03-27 15:40:31 +08:00
.ant-badge {
color: #fff;
}
2017-03-10 18:04:14 +08:00
}
&.outlined:hover {
background-color: #8ecafe;
}
2017-03-10 18:04:14 +08:00
&.copied:hover {
color: rgba(255, 255, 255, 0.2);
}
&::after {
2017-03-10 18:04:14 +08:00
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
2017-03-10 18:04:14 +08:00
color: #fff;
line-height: 110px;
text-align: center;
2017-03-10 18:04:14 +08:00
opacity: 0;
transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
content: 'Copied!';
2017-03-10 18:04:14 +08:00
}
&.copied::after {
2017-03-10 18:04:14 +08:00
top: -10px;
opacity: 1;
2017-03-10 18:04:14 +08:00
}
}
}
2018-11-08 17:29:56 +08:00
.copied-code {
padding: 2px 4px 2px;
2018-11-08 17:29:56 +08:00
font-size: 12px;
background: #f5f5f5;
border-radius: 2px;
}