omim
Version:
Material Design for Omi.
362 lines (361 loc) • 4.71 kB
CSS
:host {
display: block;
}
.col {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.block {
display: block;
}
.block > div {
float: left;
}
.col1 {
width: 4.16666667%;
}
.col2 {
width: 8.33333333%;
}
.col3 {
width: 12.5%;
}
.col4 {
width: 16.66666667%;
}
.col5 {
width: 20.83333333%;
}
.col6 {
width: 25%;
}
.col7 {
width: 29.16666667%;
}
.col8 {
width: 33.33333333%;
}
.col9 {
width: 37.5%;
}
.col10 {
width: 41.66666667%;
}
.col11 {
width: 45.83333333%;
}
.col12 {
width: 50%;
}
.col13 {
width: 54.16666667%;
}
.col14 {
width: 58.33333333%;
}
.col15 {
width: 62.5%;
}
.col16 {
width: 66.66666667%;
}
.col17 {
width: 70.83333333%;
}
.col18 {
width: 75%;
}
.col19 {
width: 79.16666667%;
}
.col20 {
width: 83.33333333%;
}
.col21 {
width: 87.5%;
}
.col22 {
width: 91.66666667%;
}
.col23 {
width: 95.83333333%;
}
.col24 {
width: 100%;
}
.offset1 {
margin-left: 4.16666667%;
}
.offset2 {
margin-left: 8.33333333%;
}
.offset3 {
margin-left: 12.5%;
}
.offset4 {
margin-left: 16.66666667%;
}
.offset5 {
margin-left: 20.83333333%;
}
.offset6 {
margin-left: 25%;
}
.offset7 {
margin-left: 29.16666667%;
}
.offset8 {
margin-left: 33.33333333%;
}
.offset9 {
margin-left: 37.5%;
}
.offset10 {
margin-left: 41.66666667%;
}
.offset11 {
margin-left: 45.83333333%;
}
.offset12 {
margin-left: 50%;
}
.offset13 {
margin-left: 54.16666667%;
}
.offset14 {
margin-left: 58.33333333%;
}
.offset15 {
margin-left: 62.5%;
}
.offset16 {
margin-left: 66.66666667%;
}
.offset17 {
margin-left: 70.83333333%;
}
.offset18 {
margin-left: 75%;
}
.offset19 {
margin-left: 79.16666667%;
}
.offset20 {
margin-left: 83.33333333%;
}
.offset21 {
margin-left: 87.5%;
}
.offset22 {
margin-left: 91.66666667%;
}
.offset23 {
margin-left: 95.83333333%;
}
.offset24 {
margin-left: 100%;
}
.pull1 {
right: 4.16666667%;
}
.pull2 {
right: 8.33333333%;
}
.pull3 {
right: 12.5%;
}
.pull4 {
right: 16.66666667%;
}
.pull5 {
right: 20.83333333%;
}
.pull6 {
right: 25%;
}
.pull7 {
right: 29.16666667%;
}
.pull8 {
right: 33.33333333%;
}
.pull9 {
right: 37.5%;
}
.pull10 {
right: 41.66666667%;
}
.pull11 {
right: 45.83333333%;
}
.pull12 {
right: 50%;
}
.pull13 {
right: 54.16666667%;
}
.pull14 {
right: 58.33333333%;
}
.pull15 {
right: 62.5%;
}
.pull16 {
right: 66.66666667%;
}
.pull17 {
right: 70.83333333%;
}
.pull18 {
right: 75%;
}
.pull19 {
right: 79.16666667%;
}
.pull20 {
right: 83.33333333%;
}
.pull21 {
right: 87.5%;
}
.pull22 {
right: 91.66666667%;
}
.pull23 {
right: 95.83333333%;
}
.pull24 {
right: 100%;
}
.push1 {
left: 4.16666667%;
}
.push2 {
left: 8.33333333%;
}
.push3 {
left: 12.5%;
}
.push4 {
left: 16.66666667%;
}
.push5 {
left: 20.83333333%;
}
.push6 {
left: 25%;
}
.push7 {
left: 29.16666667%;
}
.push8 {
left: 33.33333333%;
}
.push9 {
left: 37.5%;
}
.push10 {
left: 41.66666667%;
}
.push11 {
left: 45.83333333%;
}
.push12 {
left: 50%;
}
.push13 {
left: 54.16666667%;
}
.push14 {
left: 58.33333333%;
}
.push15 {
left: 62.5%;
}
.push16 {
left: 66.66666667%;
}
.push17 {
left: 70.83333333%;
}
.push18 {
left: 75%;
}
.push19 {
left: 79.16666667%;
}
.push20 {
left: 83.33333333%;
}
.push21 {
left: 87.5%;
}
.push22 {
left: 91.66666667%;
}
.push23 {
left: 95.83333333%;
}
.push24 {
left: 100%;
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.flex-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-space-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-space-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}