houdini/app/assets/stylesheets/components/arrows.css.scss

45 lines
926 B
SCSS
Raw Normal View History

2020-06-12 20:03:43 +00:00
/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
@import 'mixins';
.sortArrows {
@include noselect;
position: relative;
display: inline-block;
line-height: 1em;
color: inherit;
}
.sortArrows.right {
padding: 0 25px 0 0;
}
.sortArrows.left {
padding: 0 0 0 25px;
}
.sortArrows:after {
position: absolute;
content: '';
top: 0.1em;
}
.sortArrows.right:after {
right: 0;
}
.sortArrows.left:after {
left: 0;
}
.sortArrows:after {
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
}
.sortArrows[sort='none']:after {
border-top: 0.8em solid rgba($grey, 0.2);
}
.sortArrows[sort='desc']:after {
border-top: 0.8em solid $bluegrass;
}
.sortArrows[sort='asc']:after {
border-bottom: 0.8em solid $bluegrass;
}
.sortArrows[sort='none']:hover:after {
border-top: 0.8em solid darken($sage, 8);
}