lixin-web/webapp/less/lottery/launch.less

vue and bootstrap

@import "../variables";
@import (reference)  "../mixins";
@import (reference) "../plugins/font-awesome";
@import (reference) "../buttons";
.lottery-launch{
  position: absolute;
  right: -69px + 12;
  &:before{
    content: '';
    width: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 15px;
    bottom: 15px;
    .translate(-50%,0);
    box-shadow:0 0 5px fade(#1d3e50,25);
  }
  > ul{
    position: relative;
    .btn{
      width: 69px;
      font-size: 13px;
      height: 69px;
      word-wrap:break-word;
      white-space: normal;
      border-radius:50%;
      padding: 15px 0 0 6px;
      box-shadow:0px 0 6px fade(#1d3e50,35);
      > span:empty{
        display: block;
        margin-top: 10px;
      }
    }
    .btn-danger{
      .button-variant(#fff; #ecba6e; #ecba6e);
    }
    li{
      margin-bottom: 9px;
    }
  }
  .imoon-setup{
    font-size:@font-size-base * 2.8;
    margin-top: 3px;display: block;
    margin-left: -2px;
    &:hover,&:focus{
      .fa-spin;
    }
  }
}