Sass-ramme Kompas giver en praktisk funktion til at få den modsatte retning af en position, for eksempel leftnår den videregives rightsom argument.
Denne funktion har ikke kun brug for kompas, men den accepterer også en liste over positioner i stedet for en enkelt. Det håndterer også ugyldig værdi yndefuldt. Intet andet end det bedste!
/// Returns the opposite direction of each direction in a list /// @author Hugo Giraudel /// @param (List) $directions - List of initial directions /// @return (List) - List of opposite directions @function opposite-direction($directions) ( $opposite-directions: (); $direction-map: ( 'top': 'bottom', 'right': 'left', 'bottom': 'top', 'left': 'right', 'center': 'center', 'ltr': 'rtl', 'rtl': 'ltr' ); @each $direction in $directions ( $direction: to-lower-case($direction); @if map-has-key($direction-map, $direction) ( $opposite-directions: append($opposite-directions, unquote(map-get($direction-map, $direction))); ) @else ( @warn "No opposite direction can be found for `#($direction)`. Direction omitted."; ) ) @return $opposite-directions; )Anvendelse:
.selector ( background-position: opposite-direction(top right); )Resultat:
.selector ( background-position: bottom left; )