Sass framework Compass menyediakan fungsi yang berguna untuk mendapatkan arah yang berlawanan dari posisi, misalnya leftketika melewati rightargumen.
Fungsi ini bukan sahaja tidak memerlukan Kompas, tetapi juga menerima senarai kedudukan dan bukannya satu kedudukan. Ia juga menangani nilai tidak sah dengan anggun. Tidak lain dan tidak bukan yang terbaik!
/// 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; )Penggunaan:
.selector ( background-position: opposite-direction(top right); )Keputusan:
.selector ( background-position: bottom left; )