39 lines
710 B
SCSS
39 lines
710 B
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
%composite-row {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
grid-template-rows: 50% 50%;
|
|
|
|
grid-template-areas:
|
|
'header actions'
|
|
'detail actions';
|
|
}
|
|
%composite-row-header {
|
|
grid-area: header;
|
|
align-self: start;
|
|
}
|
|
%composite-row-detail {
|
|
grid-area: detail;
|
|
align-self: end;
|
|
}
|
|
%composite-row-detail * {
|
|
flex-wrap: nowrap !important;
|
|
}
|
|
%composite-row-actions {
|
|
grid-area: actions;
|
|
display: inline-flex;
|
|
}
|
|
|
|
%composite-row-header:nth-last-child(2) {
|
|
grid-column-start: header;
|
|
grid-column-end: actions;
|
|
}
|
|
%composite-row-detail:last-child {
|
|
grid-column-start: detail;
|
|
grid-column-end: actions;
|
|
}
|