ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-10 17:55:16 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Styling for package thumbnail on mobile

Browse source
This commit is contained in:
Thomas Smith 2022-09-26 17:44:15 -04:00
parent 534cd52ff2
commit f53821a1bd
1 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/layouts/partials/package-thumbnail.html
View file

@ -37,6 +37,10 @@
top:0.502vw;
}
.thumbnail-body-mobile{
display: none;
}
}
@media only screen and (max-width: 576px) {
@ -62,6 +66,30 @@
margin-bottom: 0vw;
}
.detail-btn-mobile{
background:none;
border:none;
color: white;
font-family: "pp-neue-machina", sans-serif;
font-size: 5vw;
width: 100%;
height: 100%;
text-transform: uppercase;
padding-top: 2vw !important;
}
.detail-btn-mobile .icon-enter-arrow{
display: inline-block;
position: relaitve;
margin-right: 2vw;
transition: 0.2s ease-in-out;
}
.detail-btn-mobile:hover .icon-enter-arrow{
display: inline-block;
transform: rotate(-45deg) !important;
}
}
</style>