IRMA

Site Footer 

<footer class="site-footer">
    <div class="inner">
        <ul class="footer-links footer-left">
            <li class="footer-item">
                <a class="link" href="http://universityoffice.com.au" title="Support" target="_blank">Support</a>
            </li>
            <li class="footer-item">
                <a class="link" href="http://universityoffice.com.au" title="Privacy Policy" target="_blank">Privacy Policy</a>
            </li>
            <li class="footer-item">
                <a class="link" href="http://universityoffice.com.au" title="Disclaimer" target="_blank">Disclaimer</a>
            </li>
        </ul>

        <ul class="footer-links footer-right">
            <li class="footer-item">
                <span class="text">&copy; Copyright University Office 2017</span>
            </li>
            <li class="footer-item footer-code">
                <span class="text">065396D</span>
            </li>
        </ul>
    </div>
</footer>
 
<footer class="site-footer">
	<div class="inner">
		<ul class="footer-links footer-left">
			<li class="footer-item">
				<a class="link" href="http://universityoffice.com.au" title="Support" target="_blank">Support</a>
			</li>
			<li class="footer-item">
				<a class="link" href="http://universityoffice.com.au" title="Privacy Policy" target="_blank">Privacy Policy</a>
			</li>
			<li class="footer-item">
				<a class="link" href="http://universityoffice.com.au" title="Disclaimer" target="_blank">Disclaimer</a>
			</li>
		</ul>

		<ul class="footer-links footer-right">
			<li class="footer-item">
				<span class="text">&copy; Copyright University Office 2017</span>
			</li>
			<li class="footer-item footer-code">
				<span class="text">065396D</span>
			</li>
		</ul>
	</div>
</footer>
 
/* No context defined for this component. */
  • Content: 
    .site-footer {
	height: 18rem;

	.inner {
		position: relative;

		@include max-width;
		width: calc(100% - 10rem);
		height: 100%;
		margin: 0 auto;
	}

	.footer-left {
		left: 0;
	}

	.footer-right {
		right: 0;
	}

	.footer-links {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);

		.footer-item {
			display: inline-block;

			&:not(:first-child) {
				margin-left: 8rem;
			}

			&.footer-code {
				&::before {
					content: "Code: ";
				}
			}
		}

	}
}
  • URL: /components/raw/site-footer/_site-footer.scss
  • Filesystem Path: components/02-sections/site-footer/_site-footer.scss
  • Size: 478 Bytes

There are no notes for this item.