Sep 26, 2016 - CSS, LESS    Comments Off on UL/OL with different colored bullets

UL/OL with different colored bullets

  ol,ul{
    margin-left: 3.2em;
    ol,ul{
      margin-bottom: 0;
    }
  }
  ol{
    counter-reset: item; 
    li{
      list-style-type: none;
      &:before{
        margin-left: -1.2em;
        content: counter(item,decimal) ". ";
        counter-increment: item;
        color: @orange;
      }
    }
    ol{
      li{
        &:before{
          content: counter(item,lower-alpha) ". ";
        }
      }
    }
  }
  ul{    
    counter-reset: item; 
    li{
      list-style-type: none;    
      &:before{
        margin-left: -1.2em;
        margin-right: 0.5em;
        line-height: 0;
        content: "\26AB ";
        color: @orange;
      }
    }
    ul{
      li{
        &:before{
          content:"\25CB ";
        }
      }
    }
  }

Comments are closed.