There are no notes for this item.

<section class="author-info" itemscope="" itemtype="" id="author">

    <div class="author-info__avatar">
        <img src="//;d=retro" width="100" height="100" class="author-info__img">

    <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="" itemscope="" itemtype=""><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</p>

/* 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