eric/bridget
1
0
Fork 0
mirror of https://github.com/Sped0n/bridget.git synced 2026-04-14 10:09:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

footer set up (basic function)

Browse Source
This commit is contained in:
Spedon
2023-03-09 20:36:29 +08:00
parent 1e4f0ca0c5
commit aa162c1229
2 changed files with 90 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
assets/css/_partial/_footer.scss Normal file
View File

@@ -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;
}
}
}

24
layouts/partials/footer.html
View File

@@ -0,0 +1,24 @@
<div class="footer_name">spedon</div>
<div class="footer_categoryWrapper">
<span class="footer_category">Featured</span>
<span class="footer_category">iPhone</span>
<span class="footer_category">Film</span>
<span class="footer_category">Info</span>
</div>
<div class="footer_threshold">
Threshold:
<button>-</button>
<span>0080</span>
<button>+</button>
</div>
<div class="footer_imageIndex">
<span class="ftid"></span>
<span class="ftid"></span>
<span class="ftid"></span>
<span class="ftid"></span>
<span>&nbsp;/</span>
<span class="ftid"></span>
<span class="ftid"></span>
<span class="ftid"></span>
<span class="ftid"></span>
</div>