mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-24 20:36:40 +07:00
44 lines
855 B
SCSS
44 lines
855 B
SCSS
.container {
|
|
display: grid;
|
|
flex: 1;
|
|
|
|
grid-template-columns: repeat(4, 1fr);
|
|
grid-template-rows: 1fr;
|
|
grid-row-gap: $grid_line;
|
|
grid-column-gap: $grid_line;
|
|
}
|
|
|
|
.area_left {
|
|
grid-column-end: span 3;
|
|
//background: $content_bg_color;
|
|
padding: $spc;
|
|
border-radius: $panel_radius 0 0 $panel_radius;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
//background: url('../../../sprites/splotchy.svg');
|
|
// background-size: cover;
|
|
//@include outer_shadow();
|
|
}
|
|
|
|
.area_right {
|
|
grid-column-end: span 1;
|
|
background: $content_bg_secondary;
|
|
padding: $spc;
|
|
border-radius: $panel_radius 0 0 $panel_radius;
|
|
user-select: none;
|
|
|
|
@include outer_shadow();
|
|
}
|
|
|
|
.area_sign {
|
|
font-size: $text_sign;
|
|
font-weight: 800;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.inputs {
|
|
display: flex;
|
|
align-items: stretch;
|
|
flex-direction: column;
|
|
}
|