SassyBitwise 
Bitwise operators in Sass (not Ruby).
Installation
gem install SassyBitwise
# config.rb
require "SassyBitwise"@include "SassyBitwise"npm install sassybitwiseAPI
And
$value: bw-and(42, 48);
// or
$value: bitwise(42 '&' 48);
// -> 32Or
$value: bw-or(42, 48);
// or
$value: bitwise(42 '|' 48);
// -> 58Xor
$value: bw-xor(42, 48);
// or
$value: bitwise(42 '^' 48);
// -> 26Not
$value: bw-not(42);
// or
$value: bitwise('~' 42);
// -> -43Shift left
$value: bw-shift-left(42, 2);
// or
$value: bitwise(42 '<<' 2);
// -> 168Shift right
$value: bw-shift-right(42, 2);
// or
$value: bitwise(42 '>>' 2);
// -> 10All together
$value: bitwise(1 '|' 3 '|' 3 '|' 7);
// -> 7Notes
- Because Sass requires special characters to be either quoted or escaped, it is recommanded you always quote the operators.
-
bw()is an alias forbitwise()
Example
Encoding flags as a single int. You know, because we can.
// Defining global flags,
// Bitwise encoded
$RECURSIVE: bw(1 '<<' 0);
$SAFE_MODE: bw(1 '<<' 1);
$MULTI: bw(1 '<<' 2);
$DEBUG: bw(1 '<<' 3);
// Helper function
// Checking for flag status
// ---
// @param [number] $int: flag encoded value
// @param [number] $flag: a global flag
// ---
// @return [bool]
// ---
@function has-flag($int, $flag) {
@return bw($int '&' $flag) == $flag;
}
// Defining a mixin with many options
// Accepting a single encoded flag as argument
// ---
// @param [list] $int: list of flags, low-level prog' style
// ---
@mixin custom-test($int) {
$flags: bw($int); // Bitwise parsing flags
deep: has-flag($flags, $RECURSIVE);
safe: has-flag($flags, $SAFE_MODE);
multi: has-flag($flags, $MULTI);
debug: has-flag($flags, $DEBUG);
}
// Sample test cast
test {
@include custom-test($RECURSIVE '|' $SAFE_MODE '|' $MULTI);
}test {
deep: true;
safe: true;
multi: true;
debug: false;
}Thanks
A huge thanks to Valérian Galliat for his help, and Fabrice Weinberg for Travis integration.