[New] Added new flex table for divs
This commit is contained in:
parent
d1d30e9456
commit
edce1c1659
|
@ -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",
|
||||
|
|
|
@ -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
|
||||
*/
|
||||
|
|
Loading…
Reference in New Issue