There are no notes for this item.

<section class="author-info" itemscope="" itemtype="http://schema.org/Person" id="author">

    <div class="author-info__avatar">
        <img src="//www.gravatar.com/avatar/65ce4afa05df90edc763575ad9b425d8?s=96&amp;d=retro" width="100" height="100" class="author-info__img">
    </div>

    <div class="author-info__content">
        <p itemprop="name" class="author-info__name">Mark Hamstra</p>
        <p class="author-info__bio">Mark is the <abbr title="Chief Executive of Awesomeness">CEA</abbr> at <a href="https://www.modmore.com/" itemscope="" itemtype="http://schema.org/Organization"><span itemprop="name">modmore</span></a> where he helps people doing more with MODX.
            He accomplishes this by providing premium extras with great support and documentation, and other initiatives meant to help MODXers around, like MODX.today.</p>
    </div>

</section>
/* No context defined for this component. */
  • Content:
    .author-info {
    	display: flex;
    	border-top: 1px solid $color-grey-light;
    	border-bottom: 1px solid $color-grey-light;
    	padding: 2rem 0;
    	margin-top: 2rem;
    }
    
    .author-info__avatar {
    	width: 100px;
    	margin-right: 2rem;
    }
    
    .author-info__content {
    	flex: 1;
    }
    
    .author-info__img {
    	border-radius: 100%;
    }
    
    .author-info__name {
    	font-weight: bold;
    	margin-bottom: 0.5rem;
    }
    
    .author-info__bio {
    	color: $color-grey-base;
    	margin: 0;
    }
    
  • URL: /components/raw/author-info/author-info.scss
  • Filesystem Path: components/02-components/author-info/author-info.scss
  • Size: 430 Bytes