SASS: selecciona aleatoriamente la imagen de fondo de una lista

Necesito dar salida a esto:

#footer-widgets .container .row { background-image: url("RANDOMLY PICKED"); background-position: right bottom; background-repeat: no-repeat; } 

… y debería haber una lista con 4 o 5 enlaces a las imágenes de fondo reales ( http://sofes.miximages.com/css/image.png ) para elegir. ¿Cómo puedo hacer esto con SASS?

La versión más reciente de Sass (v3.3.0) agrega una nueva función random . Si mezcla eso con una lista de imágenes (y un poquito de interpolación variable), tendrá CSS con una imagen de fondo seleccionada al azar cada vez que compile Sass. Ejemplo:

 $imgKey: random(5); $list: apple, banana, cherry, durian, eggplant; $nth: nth($list, $imgKey); body { background-image: "/images/#{$nth}.jpg"; } 

Ejemplo en vivo: http://sassmeister.com/gist/8966210

Como se indicó anteriormente, el valor aleatorio solo cambiará cuando se compile el Sass , lo que no necesariamente ocurrirá cada vez que se visite su página.