| OLD | NEW |
|---|
| (Empty) | |
| 1 /* |
| 2 Copyright 2013 The Polymer Authors. All rights reserved. |
| 3 Use of this source code is governed by a BSD-style |
| 4 license that can be found in the LICENSE file. |
| 5 */ |
| 6 .flexbox, [flexbox], [h-flexbox], [v-flexbox] { |
| 7 display: -webkit-box !important; |
| 8 display: -ms-flexbox !important; |
| 9 display: -moz-flex !important; |
| 10 display: -webkit-flex !important; |
| 11 display: flex !important; |
| 12 } |
| 13 |
| 14 .flexbox.row, [flexbox], [h-flexbox] { |
| 15 -webkit-box-orient: horizontal; |
| 16 -ms-flex-direction: row; |
| 17 -moz-flex-direction: row; |
| 18 -webkit-flex-direction: row; |
| 19 flex-direction: row; |
| 20 } |
| 21 |
| 22 .flexbox.column, [v-flexbox] { |
| 23 -webkit-box-orient: vertical; |
| 24 -ms-flex-direction: column; |
| 25 -moz-flex-direction: column; |
| 26 -webkit-flex-direction: column; |
| 27 flex-direction: column; |
| 28 } |
| 29 |
| 30 .flex, [flex], [fit] { |
| 31 -webkit-box-flex: 1; |
| 32 -ms-flex: 1; |
| 33 -moz-flex: 1; |
| 34 -webkit-flex: 1; |
| 35 flex: 1; |
| 36 } |
| 37 |
| 38 ::-webkit-distributed(.flex), |
| 39 ::-webkit-distributed([flex]), |
| 40 ::-webkit-distributed([fit]) { |
| 41 -webkit-box-flex: 1; |
| 42 -ms-flex: 1; |
| 43 -moz-flex: 1; |
| 44 -webkit-flex: 1; |
| 45 flex: 1; |
| 46 } |
| 47 |
| 48 .flexbox.align-start { |
| 49 -webkit-box-align: start; |
| 50 -ms-flex-align: start; |
| 51 -moz-align-items: flex-start; |
| 52 -webkit-align-items: flex-start; |
| 53 align-items: flex-start; |
| 54 } |
| 55 |
| 56 .flexbox.align-end { |
| 57 -webkit-box-align: end; |
| 58 -ms-flex-align: end; |
| 59 -moz-align-items: flex-end; |
| 60 -webkit-align-items: flex-end; |
| 61 align-items: flex-end; |
| 62 } |
| 63 |
| 64 .flexbox.align-center { |
| 65 -webkit-box-align: center; |
| 66 -ms-flex-align: center; |
| 67 -moz-align-items: center; |
| 68 -webkit-align-items: center; |
| 69 align-items: center; |
| 70 } |
| 71 |
| 72 .flexbox.justify-start { |
| 73 -webkit-box-pack: start; |
| 74 -ms-flex-pack: start; |
| 75 -moz-justify-content: flex-start; |
| 76 -webkit-justify-content: flex-start; |
| 77 justify-content: flex-start; |
| 78 } |
| 79 |
| 80 .flexbox.justify-end { |
| 81 -webkit-box-pack: end; |
| 82 -ms-flex-pack: end; |
| 83 -moz-justify-content: flex-end; |
| 84 -webkit-justify-content: flex-end; |
| 85 justify-content: flex-end; |
| 86 } |
| 87 |
| 88 .flexbox.justify-center { |
| 89 -webkit-box-pack: center; |
| 90 -ms-flex-pack: center; |
| 91 -moz-justify-content: center; |
| 92 -webkit-justify-content: center; |
| 93 justify-content: center; |
| 94 } |
| 95 |
| 96 .flexbox.justify-between { |
| 97 -webkit-box-pack: justify; |
| 98 -ms-flex-pack: justify; |
| 99 -moz-justify-content: space-between; |
| 100 -webkit-justify-content: space-between; |
| 101 justify-content: space-between; |
| 102 } |
| 103 |
| 104 :host(.flexbox:host, [flexbox]:host, [h-flexbox]:host, [v-flexbox]:host) { |
| 105 display: -webkit-box !important; |
| 106 display: -ms-flexbox !important; |
| 107 display: -moz-flex !important; |
| 108 display: -webkit-flex !important; |
| 109 display: flex !important; |
| 110 } |
| 111 |
| 112 :host(.flexbox.row:host, [flexbox]:host, [h-flexbox]:host) { |
| 113 -webkit-box-orient: horizontal; |
| 114 -ms-flex-direction: row; |
| 115 -moz-flex-direction: row; |
| 116 -webkit-flex-direction: row; |
| 117 flex-direction: row; |
| 118 } |
| 119 |
| 120 :host(.flexbox.column:host, [v-flexbox]:host) { |
| 121 -webkit-box-orient: vertical; |
| 122 -ms-flex-direction: column; |
| 123 -moz-flex-direction: column; |
| 124 -webkit-flex-direction: column; |
| 125 flex-direction: column; |
| 126 } |
| 127 |
| 128 :host(.flexbox.align-start:host) { |
| 129 -webkit-box-align: start; |
| 130 -ms-flex-align: start; |
| 131 -moz-align-items: flex-start; |
| 132 -webkit-align-items: flex-start; |
| 133 align-items: flex-start; |
| 134 } |
| 135 |
| 136 :host(.flexbox.align-end:host) { |
| 137 -webkit-box-align: end; |
| 138 -ms-flex-align: end; |
| 139 -moz-align-items: flex-end; |
| 140 -webkit-align-items: flex-end; |
| 141 align-items: flex-end; |
| 142 } |
| 143 |
| 144 :host(.flexbox.align-center:host) { |
| 145 -webkit-box-align: center; |
| 146 -ms-flex-align: center; |
| 147 -moz-align-items: center; |
| 148 -webkit-align-items: center; |
| 149 align-items: center; |
| 150 } |
| 151 |
| 152 :host(.flexbox.justify-start:host) { |
| 153 -webkit-box-pack: start; |
| 154 -ms-flex-pack: start; |
| 155 -moz-justify-content: flex-start; |
| 156 -webkit-justify-content: flex-start; |
| 157 justify-content: flex-start; |
| 158 } |
| 159 |
| 160 :host(.flexbox.justify-end:host) { |
| 161 -webkit-box-pack: end; |
| 162 -ms-flex-pack: end; |
| 163 -moz-justify-content: flex-end; |
| 164 -webkit-justify-content: flex-end; |
| 165 justify-content: flex-end; |
| 166 } |
| 167 |
| 168 :host(.flexbox.justify-center:host) { |
| 169 -webkit-box-pack: center; |
| 170 -ms-flex-pack: center; |
| 171 -moz-justify-content: center; |
| 172 -webkit-justify-content: center; |
| 173 justify-content: center; |
| 174 } |
| 175 |
| 176 :host(.flexbox.justify-between:host) { |
| 177 -webkit-box-pack: justify; |
| 178 -ms-flex-pack: justify; |
| 179 -moz-justify-content: space-between; |
| 180 -webkit-justify-content: space-between; |
| 181 justify-content: space-between; |
| 182 } |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 175443005:
[polymer] import all elements (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart