<div class="LocationsBlock Block">
</div>
<div class="LocationsBlock Block">
</div>
{
  "company": "Ascend Performance Materials",
  "url": "https://www.ascendmaterials.com",
  "placeholders": {
    "copy": "Cozy lummox gives smart squid who asks for job pen"
  }
}
  • Content:
    .LocationsBlock {
    	&__region__title {
    		@apply mb-6 
    			lg:mb-10
    			2xl:mb-14;
    	}
    	&__type {
    		@apply mb-8
    			2xl:mb-10
    			3xl:mb-14;
    	}
    
    	&__type__title {
    		@apply text-gray-500;
    	}
    
    	&__locations {
    		@apply grid
    			sm:grid-cols-2
    			xl:grid-cols-3
    			gap-12
    	}
    
    	&__location {
    		@apply py-2 
    			pl-4
    			xs:pl-8
    			border-l
    			border-gray-400;
    
    			p {
    				@apply leading-loose;
    			}
    
    			.Link {
    				@apply flex
    					font-bold
    					items-center
    					mt-2;
    
    					.Icon {
    						@apply size-[25px]
    							mr-3;
    					}
    			}
    	}
    
    	&__location__title {
    		@apply text-black;
    	}
    }
    
  • URL: /components/raw/locations-block/locations-block.scss
  • Filesystem Path: src/components/02-blocks/block/locations-block/locations-block.scss
  • Size: 572 Bytes
  • Handle: @locations-block
  • Preview:
  • Filesystem Path: src/components/02-blocks/block/locations-block/locations-block.twig

No notes defined.