new tools modules & sass opti
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
This commit is contained in:
parent
821e8e0a36
commit
9e275e0167
24 changed files with 3266 additions and 2372 deletions
41
website/src/styles/_games.scss
Normal file
41
website/src/styles/_games.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
.game-card .card-cover {
|
||||
min-height: 170px;
|
||||
}
|
||||
|
||||
.game-card-cover {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background:
|
||||
var(--game-cover),
|
||||
rgba(5, 7, 17, 0.72);
|
||||
}
|
||||
|
||||
.toolbox-card-cover {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background:
|
||||
var(--game-cover),
|
||||
rgba(5, 7, 17, 0.72);
|
||||
}
|
||||
|
||||
.game-card-cover img,
|
||||
.toolbox-card-cover img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: inherit;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
min-height: 24px;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
border-radius: var(--radius-pill);
|
||||
background: var(--color-primary-soft);
|
||||
color: #b69cff;
|
||||
font-size: var(--font-size-xs);
|
||||
font-weight: 700;
|
||||
padding: 3px 9px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue