blob: 3726a573212bc1f9c4db3a76f3ddcd24677e49b9 [file] [log] [blame]
@import '../../../elements-sk/modules/colors';
@import '../../../elements-sk/modules/themes/color-palette';
@import '../../../elements-sk/modules/themes/themes';
sort-sk {
display: flex;
[data-sort-sk='up'] {
arrow-drop-up-icon-sk {
visibility: visible;
display: inline-block;
}
arrow-drop-down-icon-sk {
display: none;
}
}
[data-sort-sk='down'] {
arrow-drop-up-icon-sk {
visibility: hidden;
display: none;
}
arrow-drop-down-icon-sk {
display: inline-block;
}
}
arrow-drop-down-icon-sk {
display: none;
}
arrow-drop-up-icon-sk {
/* This pre-allocates the space for the arrows to go so the header doesn't have to re-layout
(i.e. shift around) when things are toggled. */
visibility: hidden;
display: inline-block;
}
}