Styling for package thumbnail on mobile

This commit is contained in:
Thomas Smith 2022-09-26 17:44:15 -04:00
parent 534cd52ff2
commit f53821a1bd

View file

@ -37,6 +37,10 @@
top:0.502vw; top:0.502vw;
} }
.thumbnail-body-mobile{
display: none;
}
} }
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
@ -62,6 +66,30 @@
margin-bottom: 0vw; 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> </style>