Skip to content

Instantly share code, notes, and snippets.

View Bizarrus's full-sized avatar
😍
fruithost!

Adrian Preuß Bizarrus

😍
fruithost!
View GitHub Profile
@Bizarrus
Bizarrus / _Order.sass
Created July 13, 2018 21:58
Create easy CSS-based alphabetical order with SASS and FlexBox
// Specific the element (for sample "div" or "li")
$element: null !default;
// Define the Attribute (for sample <div data-ao="YourName">), "ao" is "alphabetical order"
$attribute: data-ao !default;
// Define the characters (with lower- and uppercase)
$characters: (
(a, A), (b, B), (c, C), (d, D), (e, E), (f, F), (g, G), (h, H), (i, I), (j, J), (k, K), (l, L), (m, M), (n, N), (o, O), (p, P), (q, Q), (r, R), (s, S), (t, T), (u, U), (v, V), (w, W), (x, X), (y, Y), (z, Z)
);