2020-11-13 08:30:40 +00:00
|
|
|
@import "effects";
|
|
|
|
|
@import "variables";
|
|
|
|
|
|
|
|
|
|
vn-th {
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
vn-th[field] {
|
2020-11-20 14:05:57 +00:00
|
|
|
&.active > :after {
|
2020-11-13 08:30:40 +00:00
|
|
|
color: $color-font;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
2020-11-20 14:05:57 +00:00
|
|
|
&.desc > :after {
|
2020-11-13 08:30:40 +00:00
|
|
|
content: 'arrow_drop_down';
|
|
|
|
|
}
|
2020-11-20 14:05:57 +00:00
|
|
|
&.asc > :after {
|
2020-11-13 08:30:40 +00:00
|
|
|
content: 'arrow_drop_up';
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-20 14:05:57 +00:00
|
|
|
& > :after {
|
2020-11-13 08:30:40 +00:00
|
|
|
font-family: 'Material Icons';
|
|
|
|
|
content: 'arrow_drop_down';
|
|
|
|
|
position: absolute;
|
|
|
|
|
color: $color-spacer;
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
margin-top: -2px;
|
|
|
|
|
opacity: 0
|
|
|
|
|
|
|
|
|
|
}
|
2020-11-20 14:05:57 +00:00
|
|
|
&:hover > :after {
|
2020-11-13 08:30:40 +00:00
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
