| | |
|---|
| | | .iconPicSearcher { |
|---|
| | | display: inline-block; |
|---|
| | | margin: 0 8px; |
|---|
| | | |
|---|
| | | .icon-pic-btn { |
|---|
| | | color: @text-color-secondary; |
|---|
| | | cursor: pointer; |
|---|
| | | transition: all 0.3s; |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | | color: @input-icon-hover-color; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-pic-preview { |
|---|
| | | width: 30px; |
|---|
| | | height: 30px; |
|---|
| | | margin-top: 10px; |
|---|
| | | padding: 8px; |
|---|
| | | text-align: center; |
|---|
| | | border: 1px solid @border-color-base; |
|---|
| | | border-radius: 4px; |
|---|
| | | |
|---|
| | | > img { |
|---|
| | | max-width: 50px; |
|---|
| | | max-height: 50px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .icon-pic-search-result { |
|---|
| | | min-height: 50px; |
|---|
| | | padding: 0 10px; |
|---|
| | | |
|---|
| | | > .result-tip { |
|---|
| | | padding: 10px 0; |
|---|
| | | color: @text-color-secondary; |
|---|
| | | } |
|---|
| | | |
|---|
| | | > table { |
|---|
| | | width: 100%; |
|---|
| | | |
|---|
| | | .col-icon { |
|---|
| | | width: 80px; |
|---|
| | | padding: 10px 0; |
|---|
| | | |
|---|
| | | > .anticon { |
|---|
| | | font-size: 30px; |
|---|
| | | |
|---|
| | | :hover { |
|---|
| | | color: @link-hover-color; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | ul.anticonsList { |
|---|
| | | margin: 2px 0; |
|---|
| | | overflow: hidden; |
|---|
| | | direction: ltr; |
|---|
| | | list-style: none; |
|---|
| | | |
|---|
| | | li { |
|---|
| | | position: relative; |
|---|
| | | float: left; |
|---|
| | | width: 48px; |
|---|
| | | height: 48px; |
|---|
| | | margin: 3px 0; |
|---|
| | | padding: 2px 0 0; |
|---|
| | | overflow: hidden; |
|---|
| | | color: #555; |
|---|
| | | text-align: center; |
|---|
| | | list-style: none; |
|---|
| | | background-color: inherit; |
|---|
| | | border-radius: 4px; |
|---|
| | | cursor: pointer; |
|---|
| | | transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; |
|---|
| | | |
|---|
| | | .rtl & { |
|---|
| | | margin: 3px 0; |
|---|
| | | padding: 2px 0 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .anticon { |
|---|
| | | margin: 4px 0 2px; |
|---|
| | | font-size: 24px; |
|---|
| | | transition: transform 0.3s ease-in-out; |
|---|
| | | will-change: transform; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .anticonClass { |
|---|
| | | display: block; |
|---|
| | | font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
|---|
| | | white-space: nowrap; |
|---|
| | | text-align: center; |
|---|
| | | transform: scale(0.83); |
|---|
| | | |
|---|
| | | .ant-badge { |
|---|
| | | transition: color 0.3s ease-in-out; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | | color: #fff; |
|---|
| | | background-color: @primary-color; |
|---|
| | | |
|---|
| | | .anticon { |
|---|
| | | transform: scale(1.4); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ant-badge { |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &.TwoTone:hover { |
|---|
| | | background-color: #8ecafe; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &.copied:hover { |
|---|
| | | color: rgba(255, 255, 255, 0.2); |
|---|
| | | } |
|---|
| | | |
|---|
| | | &.copied::after { |
|---|
| | | top: -2px; |
|---|
| | | opacity: 1; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .copied-code { |
|---|
| | | padding: 2px 4px; |
|---|
| | | font-size: 12px; |
|---|
| | | background: #f5f5f5; |
|---|
| | | border-radius: 2px; |
|---|
| | | } |
|---|
| | | .iconPicSearcher {
|
|---|
| | | display: inline-block;
|
|---|
| | | margin: 0 8px;
|
|---|
| | |
|
|---|
| | | .icon-pic-btn {
|
|---|
| | | color: @text-color-secondary;
|
|---|
| | | cursor: pointer;
|
|---|
| | | transition: all 0.3s;
|
|---|
| | |
|
|---|
| | | &:hover {
|
|---|
| | | color: @input-icon-hover-color;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .icon-pic-preview {
|
|---|
| | | width: 30px;
|
|---|
| | | height: 30px;
|
|---|
| | | margin-top: 10px;
|
|---|
| | | padding: 8px;
|
|---|
| | | text-align: center;
|
|---|
| | | border: 1px solid @border-color-base;
|
|---|
| | | border-radius: 4px;
|
|---|
| | |
|
|---|
| | | > img {
|
|---|
| | | max-width: 50px;
|
|---|
| | | max-height: 50px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .icon-pic-search-result {
|
|---|
| | | min-height: 50px;
|
|---|
| | | padding: 0 10px;
|
|---|
| | |
|
|---|
| | | > .result-tip {
|
|---|
| | | padding: 10px 0;
|
|---|
| | | color: @text-color-secondary;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | > table {
|
|---|
| | | width: 100%;
|
|---|
| | |
|
|---|
| | | .col-icon {
|
|---|
| | | width: 80px;
|
|---|
| | | padding: 10px 0;
|
|---|
| | |
|
|---|
| | | > .anticon {
|
|---|
| | | font-size: 30px;
|
|---|
| | |
|
|---|
| | | :hover {
|
|---|
| | | color: @link-hover-color;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | ul.anticonsList {
|
|---|
| | | margin: 2px 0;
|
|---|
| | | overflow: hidden;
|
|---|
| | | direction: ltr;
|
|---|
| | | list-style: none;
|
|---|
| | |
|
|---|
| | | li {
|
|---|
| | | position: relative;
|
|---|
| | | float: left;
|
|---|
| | | width: 48px;
|
|---|
| | | height: 48px;
|
|---|
| | | margin: 3px 0;
|
|---|
| | | padding: 2px 0 0;
|
|---|
| | | overflow: hidden;
|
|---|
| | | color: #555;
|
|---|
| | | text-align: center;
|
|---|
| | | list-style: none;
|
|---|
| | | background-color: inherit;
|
|---|
| | | border-radius: 4px;
|
|---|
| | | cursor: pointer;
|
|---|
| | | transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
|
|---|
| | |
|
|---|
| | | .rtl & {
|
|---|
| | | margin: 3px 0;
|
|---|
| | | padding: 2px 0 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .anticon {
|
|---|
| | | margin: 4px 0 2px;
|
|---|
| | | font-size: 24px;
|
|---|
| | | transition: transform 0.3s ease-in-out;
|
|---|
| | | will-change: transform;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .anticonClass {
|
|---|
| | | display: block;
|
|---|
| | | font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|---|
| | | white-space: nowrap;
|
|---|
| | | text-align: center;
|
|---|
| | | transform: scale(0.83);
|
|---|
| | |
|
|---|
| | | .ant-badge {
|
|---|
| | | transition: color 0.3s ease-in-out;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | &:hover {
|
|---|
| | | color: #fff;
|
|---|
| | | background-color: @primary-color;
|
|---|
| | |
|
|---|
| | | .anticon {
|
|---|
| | | transform: scale(1.4);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .ant-badge {
|
|---|
| | | color: #fff;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | &.TwoTone:hover {
|
|---|
| | | background-color: #8ecafe;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | &.copied:hover {
|
|---|
| | | color: rgba(255, 255, 255, 0.2);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | &.copied::after {
|
|---|
| | | top: -2px;
|
|---|
| | | opacity: 1;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .copied-code {
|
|---|
| | | padding: 2px 4px;
|
|---|
| | | font-size: 12px;
|
|---|
| | | background: #f5f5f5;
|
|---|
| | | border-radius: 2px;
|
|---|
| | | }
|
|---|
