Search Result 

<a class="search-result" href="https://www.google.com">
    <div class="search-result__post-type sub-heading">Post type label name</div>
    <h4 class="search-result__heading heading heading--small">Post title example</h4>
    <p class="search-result__content"></p>
</a>
  • Content: 
    /* @search-result */
.search-result {
	padding: $base-spacing;
	margin-bottom: $base-spacing;
	background-color: white;
	position: relative;
	display: block;

	&__post-type, &__heading {
		margin-bottom: $small-spacing;
		margin-top: 0;
	}

	p {
		color: black;
	}

	&::after {
		content: '...';
		font-family: Biryani;
		font-size: 30px;
		font-weight: 900;
		position: absolute;
	    right: 1.5rem;
	    bottom: 1.5rem;

		@include themify($themes) {
			color: themed('ctaColor');
		}
	}
}
  • URL: /components/raw/search-result/_search-result.scss
  • Filesystem Path: src/components/_support-blocks/search-result/_search-result.scss
  • Size: 492 Bytes
  • Content: 
    var realshadow = require('realshadow-fork')

document.addEventListener('DOMContentLoaded', function (event) {
  realshadow(document.getElementsByClassName('search-result'), {
    type: 'default',
    length: 5,
    opacity: 0.0025,
    color: '0,0,0'
  })
})
  • URL: /components/raw/search-result/search-result.js
  • Filesystem Path: src/components/_support-blocks/search-result/search-result.js
  • Size: 259 Bytes