diff options
Diffstat (limited to 'assets/sass/layout/_footer.scss')
| -rw-r--r-- | assets/sass/layout/_footer.scss | 74 |
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 |