42 lines
963 B
SCSS
42 lines
963 B
SCSS
@use 'src/app/shared/styles/_variables.color' as colors;
|
|
|
|
:host {
|
|
padding: 0 20px 0 20px;
|
|
margin: 0 140px 10px 140px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
// padding 20, total width 1000, width 700 so 280/2 = margin left and right of 140
|
|
.card-wrapper {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto;
|
|
grid-template-rows: auto auto auto auto;
|
|
row-gap: 50px;
|
|
column-gap: 50px;
|
|
width: 960px;
|
|
height: fit-content;
|
|
}
|
|
|
|
a {
|
|
color: colors.$inklets-color-white;
|
|
text-decoration: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-items: center;
|
|
margin: 0;
|
|
border: colors.$inklets-color-highlight-bg 2px dashed;
|
|
background-color: colors.$inklets-color-fg;
|
|
|
|
> * {
|
|
margin: 10px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
a:hover {
|
|
background-color: colors.$inklets-color-highlight-fg;
|
|
color: colors.$inklets-color-black;
|
|
} |