[madeas]

Задачу решил, но пришлось применить библиотеку, убрать <br> из скрипта и заменить div.result на textarea.result https://jsfiddle.net/madeas/6og583b8/ - генерирует сразу css файл
Отсюда вылезли другие проблемы.

void(),
подскажите, пожалуйста. Можно ли настроить ваш код на переход по новым строкам для textarea? В ином случае он выводит все с сплошным текстом и показывает <br>
Я убрал из кода перенос, получилось вот так:

// выводим нажатые блоки в поле result
		window.onload = function(){
			var items = document.querySelectorAll('.flex div.block');
			var result = document.querySelector('.result');

			for(var i = 0; i < items.length; i++){
				items[i].addEventListener("click", getShadow);
			}

			function getShadow(e){
				var styleItem = getComputedStyle(e.target);
				result.innerHTML += 
				'.' +e.target.classList[1]+'{' +
				'-webkit-box-shadow:' + styleItem.boxShadow + ';' +
				'-moz-box-shadow:' + styleItem.boxShadow + ';' +
				'box-shadow:' + styleItem.boxShadow + ';}';
			}
		}