Skip to content

Instantly share code, notes, and snippets.

@blairanderson
Created January 11, 2014 01:16
Show Gist options
  • Save blairanderson/8365703 to your computer and use it in GitHub Desktop.
Save blairanderson/8365703 to your computer and use it in GitHub Desktop.
css / less up/down arrows
.triangle-base(@size) {
content: '';
display: inline-block;
width: 0;
height: 0;
margin-left: 5px;
border-left: @size solid transparent;
border-right: @size solid transparent;
}
.triangle(@direction, @size: 7px, @color: #428bca) when (@direction = up) {
.triangle-base(@size);
border-bottom: @size solid @color;
}
.triangle(@direction, @size: 7px, @color: #428bca) when (@direction = down) {
.triangle-base(@size);
border-top: @size solid @color;
}
table{
th > a{
font-weight: lighter;
}
.current {
text-decoration: underline;
font-weight: bold;
}
.asc:after {
.triangle(down)
}
.desc:after {
.triangle(up)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment