@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
51 lines (50 loc) • 1.55 kB
CSS
/*
Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
:export {
padding: 20;
minWidth: 210;
maxWidth: 320;
compactThreshold: 480;
rowsPerPage: 3;
}
.gridLayout .gridLayoutList {
overflow: hidden;
font-size: 0;
position: relative;
background-color: transparent;
}
.gridLayout .gridLayoutList :global(.ms-DocumentCard) {
position: relative;
background-color: #ffffff;
height: 100%;
}
.gridLayout .gridLayoutList :global(.ms-DocumentCard):global(.ms-DocumentCard--compact) :global(.ms-DocumentCardPreview) {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 144px;
}
.gridLayout .gridLayoutList :global(.ms-DocumentCard) :global(.ms-DocumentCardPreview-icon) img {
width: 32px;
height: 32px;
}
.gridLayout .gridLayoutList :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) {
min-width: 212px;
max-width: 286px;
}
.gridLayout .gridLayoutList :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) :global(.ms-DocumentCardActivity) {
padding-bottom: 16px;
}
.gridLayout .gridLayoutList :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) :global(.ms-DocumentCardTile-titleArea) {
height: 81px;
}
.gridLayout .gridLayoutList :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) :global(.ms-DocumentCardLocation) {
padding: 12px 16px 5px 16px;
overflow: hidden;
text-overflow: ellipsis;
}
.gridLayout .gridLayoutList :global(.ms-List-cell) {
vertical-align: top;
display: inline-block;
margin-bottom: 20px;
}