12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- @import '../../style/themes/index';
- @import '../../style/mixins/index';
- @backtop-prefix-cls: ~'@{ant-prefix}-back-top';
- .@{backtop-prefix-cls} {
- .reset-component();
- position: fixed;
- right: 100px;
- bottom: 50px;
- z-index: @zindex-back-top;
- width: 40px;
- height: 40px;
- cursor: pointer;
- &:empty {
- display: none;
- }
- &-rtl {
- right: auto;
- left: 100px;
- direction: rtl;
- }
- &-content {
- width: 40px;
- height: 40px;
- overflow: hidden;
- color: @back-top-color;
- text-align: center;
- background-color: @back-top-bg;
- border-radius: 20px;
- transition: all 0.3s;
- &:hover {
- background-color: @back-top-hover-bg;
- transition: all 0.3s;
- }
- }
- &-icon {
- font-size: 24px;
- line-height: 40px;
- }
- }
- @import './responsive';
|