open-consul/ui-v2/app/styles/components/list-row/layout.scss

33 lines
584 B
SCSS

%list-row {
padding-top: 10px;
padding-bottom: 10px;
/* whilst this isn't in the designs this makes our temporary rollover look better */
padding-left: 12px;
}
%list-row-detail,
%list-row-header-icon {
margin-right: 6px;
}
%list-row-header dt {
display: none;
}
%list-row-header dd::before {
font-size: 0.9em;
}
%list-row-detail,
%list-row-header {
display: flex;
flex-wrap: nowrap;
overflow-x: hidden;
}
%list-row-header *,
%list-row-detail * {
white-space: nowrap;
flex-wrap: nowrap;
}
%list-row-detail dl,
%list-row-detail > span {
margin-right: 18px;
}