D&D 5e Monster Search

<div class="p-02 flex flex-col h-16 relative z-1 __{{book.slug}}"><div class="flex-auto max-h-100p flex flex-col relative shadow-1 bg-gray-2 gray-8"><a class="absolute z-1 w-40p top-0 right-0 bottom-0 pb-01 pt-2 flex flex-center" href="{{img.fullUrl}}" target="_blank"><img class="object-contain max-w-100p max-h-100p pr-1 {{img.cssClass}}" data-src="{{img.dataSrc}}" src="{{img.src}}" width="{{img.width}}" height="{{img.height}}" data-uuid="{{img.dataUuid}}"/></a><div class="__title flex flex-wrap py-01 bg-black"><div class="flex-auto z-2">{{#url}}<a class="flex-auto nodesto bold text-6 pl-1 lh-1 hover_underline text-shadow" href="{{url}}" target="_blank">{{{name}}}</a>{{/url}}
{{^url}}<div class="flex-auto nodesto bold text-6 pl-1 lh-1 text-shadow">{{{name}}}</div>{{/url}}</div><div class="flex-1 flex flex-main-end z-2"><div class="__challengeRating text-4 bold scalyCaps pr-1 gray-2 text-shadow whitespace-no-wrap">CR {{challengeRating.textual}}</div></div></div><div class="flex-auto flex flex-no-wrap overflow-hidden relative"><div class="w-60p pt-1 pl-1 pb-01 whitespace-pre-line scaly italic text-2 relative z-3 overflow-hidden">{{{description}}}<div class="absolute bottom-0 left-0 right-0 h-5 bg-gradient-to-b from-transparent to-gray-2"></div></div><div class="flex-auto relative z-2 pointer-events-none"><div class="absolute top-0 bottom-0 left-0 -ml-4 w-6 bg-gradient-to-r from-gray-2 to-transparent"></div></div></div><div class="flex flex-wrap bg-gray bg-opacity-90p z-1"><div class="flex-auto flex flex-cross-center py-01"><div class="__types scaly text-2 white px-02 h-2 lh-2 overflow-hidden">{{{size.textual}}} {{{displayTypes}}}, {{{alignment.textual}}}</div></div><div class="flex-1 flex flex-main-end"><div class="__page flex-none rounded-l-4 whitespace-no-wrap flex flex-center"><div class="pl-1 pr-02 bold nodesto text-3">{{book.name}}, p. {{page}}</div></div></div></div></div></div>

Source Book

Challenge Rating

Type

Environment

Size

Alignment