mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
50 lines
768 B
SCSS
50 lines
768 B
SCSS
.wrap {
|
|
// padding: $gap;
|
|
//background: transparentize(black, 0.8);
|
|
border-radius: $panel_radius;
|
|
padding: $gap 0;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: auto;
|
|
grid-auto-rows: auto;
|
|
grid-column-gap: $gap;
|
|
grid-row-gap: $gap;
|
|
|
|
@include tablet {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
}
|
|
}
|
|
.title {
|
|
font: $font_14_semibold;
|
|
text-transform: uppercase;
|
|
color: transparentize(white, 0.3);
|
|
flex-direction: row;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.line {
|
|
display: none;
|
|
flex: 1;
|
|
height: 2px;
|
|
background: transparentize(white, 0.95);
|
|
}
|
|
|
|
.text {
|
|
margin: 0 $gap;
|
|
}
|
|
|
|
.placeholder {
|
|
.text {
|
|
opacity: 1;
|
|
}
|
|
|
|
.grid {
|
|
div {
|
|
background: $placeholder_bg;
|
|
}
|
|
}
|
|
}
|