Sass-kehyskompassi tarjoaa kätevän toiminnon saadakseen sijainnin vastakkaisen suunnan esimerkiksi leftohitettaessa rightargumenttina.
Tämä toiminto ei vain tarvitse Compassia, vaan se hyväksyy myös sijaintiluettelon yhden sijasta. Se käsittelee myös virheellistä arvoa sulavasti. Vain parasta!
/// 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; )Käyttö:
.selector ( background-position: opposite-direction(top right); )Tulos:
.selector ( background-position: bottom left; )