<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.