12345678910111213141516171819202122232425262728 |
- @import '~scssinc';
-
- .bf-switch{
- position: relative;
- width: 40px;
- height: 20px;
- background-color: rgba(#fff, .15);
- border-radius: 10px;
- transition: background .3s;
- &.active{
- background-color: $COLOR_ACTIVE;
- &::before{
- left: 20px;
- }
- }
- &::before{
- position: absolute;
- left: 0;
- display: block;
- width: 20px;
- height: 20px;
- border-radius: 10px;
- background-color: #eee;
- content: '';
- transform: scale(1.2);
- transition: .3s;
- }
- }
|