No notes defined.

<figure class=" size-medium align-left">
        <img src="../../img/square.png" />
        <figcaption>
            <p>This is a short caption to describe the image in the figure above.</p>
        </figcaption>
    </figure>
{% set classString = '' %}
{% for modifier in modifiers %}
    {% set classString = classString ~ ' ' ~ modifier %}
{% endfor %}

<figure class="{{ classString }}">
    <img src="../../img/square.png" />
    <figcaption>
        <p>This is a short caption to describe the image in the figure above.</p>
    </figcaption>
</figure>
  • Content:
    :where(aside) {
    	@include typescale('sm');
    	position: relative;
    	color: $aside-color;
    
    	&:after {
    		content:'';
    		width: 1px;
    		position: absolute;
    		top: 0;
    		bottom: 0;
    		left: -$spacing-xs;
    		box-shadow: -1px 0 0 0 #C0C0C0;
    	}
    
    	#{headings()} {
    		color: $navy;
    		margin: 0;
    	}
    
    	> *:last-child {
    		margin-bottom: 0;
    	}
    }
    
    figure {
    	video {
    		max-width: 100%;
    	}
    }
  • URL: /components/raw/figure/_figures.scss
  • Filesystem Path: app/components/02-components/figures/_figures.scss
  • Size: 366 Bytes