diff options
author | 2020-08-04 16:27:53 -0700 | |
---|---|---|
committer | 2020-08-04 16:27:53 -0700 | |
commit | 3ec2f4a87d8509aed4f42975d8a03b75e78c5218 (patch) | |
tree | 96b172b7b49476567331ed4b0758383dfb7870a4 /assets/sass/layout/_footer.scss | |
parent | e37306449b036fc192ddee5db78d3a30197a8f21 (diff) | |
download | Portfolio-master.tar.gz Portfolio-master.tar.zst Portfolio-master.zip |
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 |