*/
.justifize {
font-size: 1px;
/* IE 9, 10, 11 FIX */
text-align: justify;
line-height: 1;
}
.justifize:after {
content: "";
display: inline-block;
width: 100%;
}
.justifize__box {
font-size: 16px;
font-size: px-rem(16px);
display: inline-block;
text-align: left;
vertical-align: middle;
}
.justifize--top
.justifize__box {
vertical-align: top;
}
.justifize--bottom
.justifize__box {
vertical-align: bottom;
}
/* --------------------------------------------------------------------------------------
+
+ TABLEIZE
+
-------------------------------------------------------------------------------------- */
/*
The .tableize__content serves as container for cell content. If you need width or padding set on a cell, make sure you set it to .tableize__content since that is what makes the whole thing work.
cell content
cell content
*/
.tableize {
display: table;
width: 100%;
}
.tableize--full {
height: 100%;
}
.tableize--full .tableize__cell,
.tableize--full .tableize__content {
height: inherit;
}
.tabeleize--720-width {
width: 720px;
margin: 0 auto;
}
.tableize__cell {
display: table-cell;
vertical-align: top;
}
.tableize--middle .tableize__cell {
vertical-align: middle;
}
.tableize--bottom .tableize__cell {
vertical-align: bottom;
}
.tableize__cell--filler {
width: 100%;
/* fills the rest of the row when one or more cells have fixed width */
}
/*
Tableize row and tableize row flexible are needed only for sticky header/footer combination.
*/
.tableize__row {
display: table-row;
height: 1px;
}
.tableize__row--flexible {
height: auto;
}
/* --------------------------------------------------------------------------------------
+
+ FLAG
+
-------------------------------------------------------------------------------------- */
/*
http://csswizardry.com/2013/05/the-flag-object/