Smol List Markers

David K. answered on September 30, 2022 Popularity 1/10 Helpfulness 1/10

answer Smol List Markers

Smol List Markers

Comment

.smol-list-markers {
  --marker-color: #A150FB;
  
  padding: 0;
  margin: 0 0 0 2em;
}

.smol-list-markers li {
  padding-left: 0.5em;
}

.smol-list-markers li + li {
  margin-top: 0.5em;
}

.smol-list-markers li::marker {
  color: var(--marker-color);
}

ul.smol-list-markers li::marker {
  content: attr(data-icon);
  font-size: 1.15em;
}

ol.smol-list-markers li::marker {
  /* The `list-item`  counter is provided by 
  the browser for lists */
  content: counter(list-item); 
  font-family: cursive;
  font-size: 1.5em;
}

Popularity 1/10 Helpfulness 1/10 Language css

Source: smolcss.dev

Tags: css list markers

Link to this answer
Share Copy Link

Contributed on Sep 30 2022

David K.

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Smol List Markers

Contents

More Related Answers

Smol List Markers

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.