[New] Added new flex table for divs

This commit is contained in:
Robert von Burg 2019-11-08 16:15:22 +01:00
parent d1d30e9456
commit edce1c1659
2 changed files with 28 additions and 1 deletions

View File

@ -1,7 +1,7 @@
{
"name": "strolch-wc-styles",
"description": "Strolch WebComponent Styles",
"version": "0.2.0",
"version": "0.3.0",
"authors": ["Robert von Burg"],
"keywords": [
"strolch",

View File

@ -69,6 +69,33 @@
margin-bottom: auto !important;
}
/*
* Flex tables
*/
.g-flex-table {
min-width: 100%;
display: flex;
flex-direction: column;
}
.g-flex-table-row {
box-sizing: border-box;
display: flex;
flex-direction: row;
}
.g-flex-table-cell {
display: flex;
padding: 0 5px;
overflow: hidden;
align-items: center;
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 0;
justify-content: flex-start;
min-height: 48px;
}
/*
* Tables
*/