diff --git a/src/layouts/partials/package-grid.html b/src/layouts/partials/package-grid.html index 93a7e9d..53d309b 100644 --- a/src/layouts/partials/package-grid.html +++ b/src/layouts/partials/package-grid.html @@ -65,6 +65,10 @@ #loadMoreSection { display: none; } + .package-grid { + /* changes to 2 column thumbs */ + grid-template-columns: auto auto; + } } @media only screen and (min-width: 576px) { diff --git a/src/layouts/partials/package-thumbnail.html b/src/layouts/partials/package-thumbnail.html index 7fc5dd6..10e8c54 100644 --- a/src/layouts/partials/package-thumbnail.html +++ b/src/layouts/partials/package-thumbnail.html @@ -61,8 +61,6 @@ float:right!important; right: 0; } -@media only screen and (min-width: 576px) { - .package-image{ box-shadow: 0px 0px 12px #0c0c0c !important; } @@ -139,85 +137,4 @@ figure:hover{ display: none; } -@media only screen and (max-width: 576px) { - -.card-thumb-label i{ - font-size: 5vw; -} - -.card-thumb-label { - position: absolute; - background: rgba(255,255,255,0.9); - left: 0; - bottom: 0; - padding: 3vw; - text-align: left; - width: 100%; - height: 50%; -} - -.card-thumb-label h3 { - color: black; - font-size: 6.8vw; - line-height: 6.8vw; - margin: 0px 0px 1vw 0vw; - padding: 0px; -} - -.card-thumb-label h4 { - color: black; - font-size: 3vw; - line-height: 3vw; - margin: 0px; - padding: 0px; -} - -.card-thumbnail{ - background: none; - border-radius: 0px !important; - border: none; -} - -.thumbnail-body{ - border-radius: 0px !important; - padding: 0vw; - display:none; -} - -.thumbnail-body-mobile{ - background-color: #8000ff; - padding: 1.25vw 0vw !important; -} - -.card-img-top{ - border-radius: 0px; - margin-bottom: 0vw; -} - -.detail-btn-mobile{ - background:none; - border:none; - color: white; - font-family: "pp-neue-machina", sans-serif; - font-size: 4vw; - 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; -} - -} -