Paul Smith's College Component Library

Weather 

<!-- Weather -->
<div class="weather">
    <div class="weather_row">
        <div class="weather_details">
            <span class="weather_icon">
                <svg class="icon icon_thermometer">
                    <use href="/images/icons.svg#thermometer" />
                </svg>
            </span>
            <span class="weather_temp">42&deg;<sup>F</sup></span>
        </div>
    </div>
    <div class="weather_row">
        <p class="weather_label">Pack your boots!</p>
    </div>
</div>
<!-- END: Weather -->
 
{#
	{% include '@partial-weather' with {
		temperature: '42',
		label: 'Pack your boots!'
	} %}
#}

<!-- Weather -->
<div class="weather">
	<div class="weather_row">
		<div class="weather_details">
			<span class="weather_icon">{{ icon('thermometer') }}</span>
			<span class="weather_temp">{{ temperature }}&deg;<sup>F</sup></span>
		</div>
	</div>
	<div class="weather_row">
		<p class="weather_label">{{ label }}</p>
	</div>
</div>
<!-- END: Weather -->

No notes defined.