mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
node related images
This commit is contained in:
parent
b8b1e49d94
commit
1a7557eab4
8 changed files with 102 additions and 15 deletions
38
src/components/node/NodeRelated/styles.scss
Normal file
38
src/components/node/NodeRelated/styles.scss
Normal file
|
@ -0,0 +1,38 @@
|
|||
.wrap {
|
||||
padding: $gap;
|
||||
background: transparentize(black, 0.8);
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
|
||||
grid-template-rows: auto;
|
||||
grid-auto-rows: auto;
|
||||
grid-column-gap: $gap;
|
||||
grid-row-gap: $gap;
|
||||
}
|
||||
|
||||
.item {
|
||||
background: #222222;
|
||||
padding-bottom: 100%;
|
||||
border-radius: $cell_radius;
|
||||
}
|
||||
|
||||
.title {
|
||||
font: $font_14_semibold;
|
||||
text-transform: uppercase;
|
||||
color: transparentize(white, 0.7);
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.line {
|
||||
flex: 1;
|
||||
height: 2px;
|
||||
background: transparentize(white, 0.95);
|
||||
}
|
||||
|
||||
.text {
|
||||
margin: 0 $gap;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue