yuzu/yuzu-emu.github.io
1
0
Fork 0
mirror of https://github.com/yuzu-emu/yuzu-emu.github.io.git synced 2025-06-08 13:27:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

scss/shared: Add css for game list search and pagination (#335)

Browse source
This commit is contained in:
Tobias 2022-10-31 01:25:33 +01:00 committed by GitHub
parent 30eb8c21d5
commit 16dbc7346b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 57 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
site/assets/scss/shared.scss
View file

@ -96,6 +96,63 @@ $blog-entry-single-height: 26em;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.clear-search {
cursor: pointer;
display: inline-block;
}
.pagination {
border-radius:4px;
margin:20px 0;
padding-left:0
}
.pagination-search-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination-container {
margin-left: 50px;
display: inline-block;
}
.search-container {
display: inline-block;
margin-left: auto;
margin-right: 40px;
}
.pagination li {
display: inline-block;
background-color:#363636;
border-radius: 20px;
color:#ffffff;
line-height:1.428571429;
margin-left:-1px;
margin-right: 10px;
padding:6px 12px;
position:relative;
text-decoration:none
}
.pagination li.active a,
.pagination li.active a:link,
.pagination li.active a:focus,
.pagination li.active a:hover {
color: #ffffff;
cursor: not-allowed;
}
.search {
color: #363636;
}
.search::placeholder {
color: #363636;
}
// Hide the summary text on small screen // Hide the summary text on small screen
@media only screen and (max-width: 810px) { @media only screen and (max-width: 810px) {
.summary-text { .summary-text {