github.com/e154/smart-home@v0.17.2-0.20240311175135-e530a6e5cd45/static_source/admin/src/styles/_cross.less (about)

     1  .cross {
     2    opacity: 0.3;
     3    min-width: 30px;
     4    min-height: 30px;
     5  
     6    &:hover {
     7      opacity: 1;
     8    }
     9  
    10    &:before,
    11  
    12    &:after {
    13      position: absolute;
    14      left: 15px;
    15      content: ' ';
    16      height: 33px;
    17      width: 2px;
    18      background-color: #333;
    19    }
    20  
    21    &:before {
    22      transform: rotate(45deg);
    23    }
    24  
    25    &:after {
    26      transform: rotate(-45deg);
    27    }
    28  
    29    span {
    30      position: absolute;
    31      top: 27px;
    32      left: 4px;
    33    }
    34  
    35    &.normal {
    36  
    37      &:before {
    38        transform: rotate(90deg);
    39      }
    40  
    41      &:after {
    42        transform: rotate(0);
    43      }
    44    }
    45  }