Select Git revision
-
Jeremy Guiselin authoredJeremy Guiselin authored
pack.scss 1.38 KiB
.pack-item {
padding: 0;
border-bottom: 2px solid $whiteColor;
a {
text-decoration: none;
.selected-pack {
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
background-color: $greenColor;
border-radius: 50%;
border: 2px solid white;
justify-content: center;
align-items: center;
display: none;
&.active {
display: flex;
}
img {
width: 70%;
}
}
.pack-background {
background-size: cover;
background-position: center;
height: 120px;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.whiteChevron {
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
img {
height: 30px;
}
}
.title {
color: $whiteColor;
font-family: "OspDin";
font-size: 35px;
padding-bottom: 8px;
}
.subtitle {
font-family: "SF-UI-Display";
font-weight: 700;
color: $whiteColor;
font-size: 10px;
margin: -4px;
&-upper {
text-transform: uppercase;
}
}
}
}
}
.locked {
opacity: 0.7;
.lock {
position: absolute;
left: 5px;
top: 5px;
width: 25px;
}
}