| Index: pkg/polymer/lib/elements/polymer-flex-layout/polymer-flex-layout.css
|
| diff --git a/pkg/polymer/lib/elements/polymer-flex-layout/polymer-flex-layout.css b/pkg/polymer/lib/elements/polymer-flex-layout/polymer-flex-layout.css
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..7558546c1080fbbf8a6793dab0a8a852c58917c9
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/polymer-flex-layout/polymer-flex-layout.css
|
| @@ -0,0 +1,182 @@
|
| +/*
|
| +Copyright 2013 The Polymer Authors. All rights reserved.
|
| +Use of this source code is governed by a BSD-style
|
| +license that can be found in the LICENSE file.
|
| +*/
|
| +.flexbox, [flexbox], [h-flexbox], [v-flexbox] {
|
| + display: -webkit-box !important;
|
| + display: -ms-flexbox !important;
|
| + display: -moz-flex !important;
|
| + display: -webkit-flex !important;
|
| + display: flex !important;
|
| +}
|
| +
|
| +.flexbox.row, [flexbox], [h-flexbox] {
|
| + -webkit-box-orient: horizontal;
|
| + -ms-flex-direction: row;
|
| + -moz-flex-direction: row;
|
| + -webkit-flex-direction: row;
|
| + flex-direction: row;
|
| +}
|
| +
|
| +.flexbox.column, [v-flexbox] {
|
| + -webkit-box-orient: vertical;
|
| + -ms-flex-direction: column;
|
| + -moz-flex-direction: column;
|
| + -webkit-flex-direction: column;
|
| + flex-direction: column;
|
| +}
|
| +
|
| +.flex, [flex], [fit] {
|
| + -webkit-box-flex: 1;
|
| + -ms-flex: 1;
|
| + -moz-flex: 1;
|
| + -webkit-flex: 1;
|
| + flex: 1;
|
| +}
|
| +
|
| +::-webkit-distributed(.flex),
|
| +::-webkit-distributed([flex]),
|
| +::-webkit-distributed([fit]) {
|
| + -webkit-box-flex: 1;
|
| + -ms-flex: 1;
|
| + -moz-flex: 1;
|
| + -webkit-flex: 1;
|
| + flex: 1;
|
| +}
|
| +
|
| +.flexbox.align-start {
|
| + -webkit-box-align: start;
|
| + -ms-flex-align: start;
|
| + -moz-align-items: flex-start;
|
| + -webkit-align-items: flex-start;
|
| + align-items: flex-start;
|
| +}
|
| +
|
| +.flexbox.align-end {
|
| + -webkit-box-align: end;
|
| + -ms-flex-align: end;
|
| + -moz-align-items: flex-end;
|
| + -webkit-align-items: flex-end;
|
| + align-items: flex-end;
|
| +}
|
| +
|
| +.flexbox.align-center {
|
| + -webkit-box-align: center;
|
| + -ms-flex-align: center;
|
| + -moz-align-items: center;
|
| + -webkit-align-items: center;
|
| + align-items: center;
|
| +}
|
| +
|
| +.flexbox.justify-start {
|
| + -webkit-box-pack: start;
|
| + -ms-flex-pack: start;
|
| + -moz-justify-content: flex-start;
|
| + -webkit-justify-content: flex-start;
|
| + justify-content: flex-start;
|
| +}
|
| +
|
| +.flexbox.justify-end {
|
| + -webkit-box-pack: end;
|
| + -ms-flex-pack: end;
|
| + -moz-justify-content: flex-end;
|
| + -webkit-justify-content: flex-end;
|
| + justify-content: flex-end;
|
| +}
|
| +
|
| +.flexbox.justify-center {
|
| + -webkit-box-pack: center;
|
| + -ms-flex-pack: center;
|
| + -moz-justify-content: center;
|
| + -webkit-justify-content: center;
|
| + justify-content: center;
|
| +}
|
| +
|
| +.flexbox.justify-between {
|
| + -webkit-box-pack: justify;
|
| + -ms-flex-pack: justify;
|
| + -moz-justify-content: space-between;
|
| + -webkit-justify-content: space-between;
|
| + justify-content: space-between;
|
| +}
|
| +
|
| +:host(.flexbox:host, [flexbox]:host, [h-flexbox]:host, [v-flexbox]:host) {
|
| + display: -webkit-box !important;
|
| + display: -ms-flexbox !important;
|
| + display: -moz-flex !important;
|
| + display: -webkit-flex !important;
|
| + display: flex !important;
|
| +}
|
| +
|
| +:host(.flexbox.row:host, [flexbox]:host, [h-flexbox]:host) {
|
| + -webkit-box-orient: horizontal;
|
| + -ms-flex-direction: row;
|
| + -moz-flex-direction: row;
|
| + -webkit-flex-direction: row;
|
| + flex-direction: row;
|
| +}
|
| +
|
| +:host(.flexbox.column:host, [v-flexbox]:host) {
|
| + -webkit-box-orient: vertical;
|
| + -ms-flex-direction: column;
|
| + -moz-flex-direction: column;
|
| + -webkit-flex-direction: column;
|
| + flex-direction: column;
|
| +}
|
| +
|
| +:host(.flexbox.align-start:host) {
|
| + -webkit-box-align: start;
|
| + -ms-flex-align: start;
|
| + -moz-align-items: flex-start;
|
| + -webkit-align-items: flex-start;
|
| + align-items: flex-start;
|
| +}
|
| +
|
| +:host(.flexbox.align-end:host) {
|
| + -webkit-box-align: end;
|
| + -ms-flex-align: end;
|
| + -moz-align-items: flex-end;
|
| + -webkit-align-items: flex-end;
|
| + align-items: flex-end;
|
| +}
|
| +
|
| +:host(.flexbox.align-center:host) {
|
| + -webkit-box-align: center;
|
| + -ms-flex-align: center;
|
| + -moz-align-items: center;
|
| + -webkit-align-items: center;
|
| + align-items: center;
|
| +}
|
| +
|
| +:host(.flexbox.justify-start:host) {
|
| + -webkit-box-pack: start;
|
| + -ms-flex-pack: start;
|
| + -moz-justify-content: flex-start;
|
| + -webkit-justify-content: flex-start;
|
| + justify-content: flex-start;
|
| +}
|
| +
|
| +:host(.flexbox.justify-end:host) {
|
| + -webkit-box-pack: end;
|
| + -ms-flex-pack: end;
|
| + -moz-justify-content: flex-end;
|
| + -webkit-justify-content: flex-end;
|
| + justify-content: flex-end;
|
| +}
|
| +
|
| +:host(.flexbox.justify-center:host) {
|
| + -webkit-box-pack: center;
|
| + -ms-flex-pack: center;
|
| + -moz-justify-content: center;
|
| + -webkit-justify-content: center;
|
| + justify-content: center;
|
| +}
|
| +
|
| +:host(.flexbox.justify-between:host) {
|
| + -webkit-box-pack: justify;
|
| + -ms-flex-pack: justify;
|
| + -moz-justify-content: space-between;
|
| + -webkit-justify-content: space-between;
|
| + justify-content: space-between;
|
| +}
|
|
|