| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- /*
- ---
- name: Bar
- description: OOCSS Bar class lays out its children as if they were part of a single unit
- provides: Bar
- # 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>
- ...
- */
- .Bar {
- font-size: 0px;
- white-space: nowrap;
- }
- .Bar > * {
- font-size: 12px;
- vertical-align: middle;
- white-space: normal;
- }
- .Bar[valign=top] > * {
- vertical-align: top;
- margin-top: 0;
- }
- .Bar[valign=bottom] > * {
- vertical-align: bottom;
- margin-bottom: 0;
- }
- .Bar > form {
- display: inline-block;
- padding: 0;
- margin: 0;
- position: relative;
- top: 1px;
- }
- /*Bar Button*/
- .Bar > .Button {
- display: inline-block;
- margin-right: 0;
- margin-left: 0;
- }
- /*keeps from having the appearance of a double-width border*/
- .Bar > .Button + .Button {
- margin-left: -1.2px;
- }
- .Bar + .Bar {
- margin-top: -1.2px;
- }
- .Bar > br ~ .Button {
- margin-top: -1.2px;
- }
|