swc/crates/swc_css_prefixer/tests/fixture/flex/output.css
2022-03-25 19:46:45 +09:00

306 lines
6.7 KiB
CSS

a {
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 2;
-ms-flex: 0 1 2;
flex: 0 1 2;
-webkit-transition: flex 200ms;
-moz-transition: flex 200ms;
-o-transition: flex 200ms;
transition: flex 200ms;
}
.inline {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
.a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-content: flex-start;
-ms-flex-line-pack: flex-start;
align-content: flex-start;
-webkit-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.b {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: flex-end;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: flex-end;
-ms-flex-line-pack: flex-end;
align-content: flex-end;
-webkit-align-self: flex-end;
-ms-flex-item-align: flex-end;
align-self: flex-end;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.c {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: reverse-wrap;
-ms-flex-wrap: reverse-wrap;
flex-wrap: reverse-wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.e {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: baseline;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-align-content: space-between;
-ms-flex-line-pack: space-between;
align-content: space-between;
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.f {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: space-around;
-ms-flex-line-pack: space-around;
align-content: space-around;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.g {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex: -webkit-calc(1em + 1px) 0 0;
-ms-flex: calc(1em + 1px) 0 0;
flex: -webkit-calc(1em + 1px) 0 0;
flex: -moz-calc(1em + 1px) 0 0;
flex: calc(1em + 1px) 0 0;
}
.h {
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.i {
-webkit-flex-flow: nowrap;
-ms-flex-flow: nowrap;
flex-flow: nowrap;
}
.inherit {
-webkit-order: inherit;
-ms-flex-order: inherit;
order: inherit;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
}
@supports (display: flex) {
.foo {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
}
@supports (flex: auto) {
.foo {
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
}
.class {
-webkit-flex: inherit;
-ms-flex: inherit;
flex: inherit;
}
.class {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.class {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.class {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.class {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.class {
-webkit-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
}
.class {
-webkit-align-self: flex-end;
-ms-flex-item-align: flex-end;
align-self: flex-end;
}
.class {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.class {
-webkit-align-content: flex-start;
-ms-flex-line-pack: flex-start;
align-content: flex-start;
}
.class {
-webkit-align-content: flex-end;
-ms-flex-line-pack: flex-end;
align-content: flex-end;
}
.class {
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.class {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.class {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.class {
-webkit-justify-content: stretch;
justify-content: stretch;
}
.class {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.class {
justify-items: center;
}
.class {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.class {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}