Add .less to a block template

Permalink
Hi,

I created a little template for the block "Page_list" using Masonry.js library.

I wanted to add a less stylesheet to this theme in order to use bootstrapt mediaqueries breakpoints variables (less).

How could I add a less to my template that will support following code :
@media all and (max-width: @screen-xs-max) {
   .masonry-grid-sizer, .masonry-item {
      width:100% !important;
   }
}


See attached picture for actual hierarchy
thank you very much

1 Attachment