| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- /*
- ---
- name: Grid
- description: "OOCSS Grid & Row classes. Uses display:table to provide flexible layout to semantic markup."
- provides: Grid
- # requires:
- license: |
- Licensed to Cloudera, Inc. under one
- or more contributor license agreements. See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership. Cloudera, Inc. licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License. You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- authors:
- - Thomas Aylott <thomas@cloudera.com>
- ...
- */
- /* Grid */
- .Grid{
- display: table;
- border-collapse: separate;
- }
- /* Row */
- .Grid > .Row{
- display: table-row;
- text-align: inherit;
- }
- /* cells */
- .Grid > .Row > *{
- display: table-cell;
- vertical-align: top;
- text-align: inherit;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -o-box-sizing: border-box;
- box-sizing: border-box;
- }
- .Grid > .Row > input,
- .Grid > .Row > textarea{
- width:100%;
- height:100%;
- }
- /* alignment declarations */
- .Grid > .Row[align=right] > *,
- .Grid > .Row > *[align=right]{
- text-align: right;
- }
- .Grid > .Row[align=left] > *,
- .Grid > .Row > *[align=left]{
- text-align: left;
- }
- .Grid > .Row[align=middle] > *,
- .Grid > .Row[align=center] > *,
- .Grid > .Row > *[align=middle],
- .Grid > .Row > *[align=center]{
- text-align: center;
- }
- .Grid > .Row[valign=top] > *,
- .Grid > .Row > *[valign=top]{
- vertical-align: top;
- }
- .Grid > .Row[valign=bottom] > *,
- .Grid > .Row > *[valign=bottom]{
- vertical-align: bottom;
- }
- .Grid > .Row[valign=middle] > *,
- .Grid > .Row[valign=center] > *,
- .Grid > .Row > *[valign=middle],
- .Grid > .Row > *[valign=center]{
- vertical-align: middle;
- }
|