mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
c2700ee5c6
- This if the 1st PR as part of the of the Align components in Fleet UI with design system in Figma #539 - These changes replace all the color variables in /styles/var/colors.scss with new colors and naming convention used in Figma.
42 lines
806 B
SCSS
42 lines
806 B
SCSS
.header-cell {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
|
|
.sort-arrows {
|
|
height: 14px;
|
|
padding-left: $pad-half;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.ascending-arrow {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-bottom: 6px solid $ui-fleet-black-25;
|
|
}
|
|
.descending-arrow {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 6px solid $ui-fleet-black-25;
|
|
}
|
|
|
|
&.ascending {
|
|
|
|
.ascending-arrow {
|
|
border-bottom-color: $core-vibrant-blue;
|
|
}
|
|
}
|
|
|
|
&.descending {
|
|
|
|
.descending-arrow {
|
|
border-top-color: $core-vibrant-blue;
|
|
}
|
|
}
|
|
}
|