Skip to content

Instantly share code, notes, and snippets.

@codejets

codejets/sort.css

Created June 19, 2019 10:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codejets/174ca4047dc9f2e90bb1d0e671440b72 to your computer and use it in GitHub Desktop.
Save codejets/174ca4047dc9f2e90bb1d0e671440b72 to your computer and use it in GitHub Desktop.
Download ZIP
sorting
Raw
sort.css
.table [data-sort]:after {
content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%2395AAC9'/></svg>");
margin-left: .25rem
}
.table [data-sort="asc"]:after {
content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L 10Z' fill='%2395AAC9'/></svg>");
}
.table [data-sort="desc"]:after {
content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 0ZM3 10L0 6H6L3 10Z' fill='%2395AAC9'/></svg>");
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment