Import TemplateHEADmaster

1 files changed, 74 insertions, 0 deletions

diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss
new file mode 100644
index 0000000..476ce8f
--- /dev/null
+++ b/assets/sass/layout/_footer.scss
@@ -0,0 +1,74 @@
+///
+/// Big Picture by Pixelarity
+/// pixelarity.com | hello@pixelarity.com
+/// License: pixelarity.com/license
+///
+
+/* Footer */
+
+	#footer {
+		@include vendor('display', 'flex');
+		@include vendor('align-items', 'center');
+		@include vendor('justify-content', 'space-between');
+		position: relative;
+		margin: 0;
+		line-height: 1em;
+		padding: 1.5em;
+		background: _palette(accent3, bg);
+		color: _palette(accent3, fg);
+		overflow: hidden;
+
+		> * {
+			margin-bottom: 0;
+		}
+
+		a {
+			color: inherit;
+
+			&:hover {
+				color: _palette(accent3, fg-bold);
+			}
+		}
+
+		ul {
+			&.menu {
+				margin: 0;
+
+				li {
+					border-left-color: _palette(accent3, border);
+					font-size: 0.9em;
+				}
+			}
+		}
+
+		@include breakpoint('<=medium') {
+			@include vendor('flex-direction', 'column');
+			@include vendor('justify-content', 'center');
+			line-height: 1.5em;
+			text-align: center;
+			padding: 2em 1em 2em 1em;
+
+			> * {
+				margin: 0 0 1em 0;
+			}
+		}
+
+		@include breakpoint('<=small') {
+			ul {
+				&.menu {
+					li {
+						border-left: none;
+						display: block;
+						line-height: inherit;
+						margin: 0.25em 0 0 0;
+						padding: 0.25em 0 0 0;
+
+						&:first-child {
+							margin-top: 0;
+							padding-top: 0;
+						}
+					}
+				}
+			}
+		}
+	}
\ No newline at end of file