diff --git a/assets/css/_partial/_footer.scss b/assets/css/_partial/_footer.scss new file mode 100644 index 0000000..d089fe3 --- /dev/null +++ b/assets/css/_partial/_footer.scss @@ -0,0 +1,66 @@ +footer { + max-height: fit-content; + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 777; + background-color: #fff; + display: flex; + justify-content: space-between; + align-items: center; + font-size: 20px; + line-height: 1.5; + padding: 4px 9px; + float: none; + + .footer_name { + } + + .footer_categoryWrapper { + .footer_category { + cursor: pointer; + } + + .selected { + text-decoration: underline; + font-style: italic; + } + } + + .footer_threshold { + button { + border: none; + background-color: transparent; + margin: 0; + font-size: 20px; + padding: 0 4px; + cursor: pointer; + } + } + + .footer_imageIndex { + margin: 0; + .ftid { + display: inline-block; + text-align: center; + width: 7px; + } + } +} + +@media only screen and (max-width: 768px) { + footer { + top: 0; + padding: 3px 8px; + font-size: 17px; + + .footer_threshold { + display: none; + } + + .footer_imageIndex { + display: none; + } + } +} \ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index e69de29..24b3227 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -0,0 +1,24 @@ +
+ + + \ No newline at end of file