| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- :global {
- @keyframes loading {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
- .frame {
- label {
- padding: 0 4em 0 0.5em;
- }
- .spiner {
- transform-origin: right center;
- animation: spin 1s;
- animation-iteration-count: 1;
- -webkit-animation-iteration-count: 1;
- }
- .ln {
- i.icon-refresh {
- display: inline-block;
- color: #999;
- margin: 0 5px;
- cursor: pointer;
- width: 20px;
- height: 20px;
- overflow: hidden;
- text-align: center;
- line-height: 20px;
- vertical-align: middle;
- &:hover {
- color: #333;
- }
- &.loading {
- animation: loading 1s infinite linear;
- }
- &.invisible {
- visibility: hidden;
- }
- }
- }
- .last-refresh {
- //padding-left: 1em;
- color: #999;
- }
- a.del {
- color: red;
- span {
- padding-left: 0.5em;
- }
- }
- }
- }
|