asia-weex-vue-render4light/src/styles/base.css

Web renderer for weex project written in Vue DSL.

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF 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.
 */
 
.weex-root * {
  border-width: 0;
  border-color: inherit;
  border-style: solid;
}

div.weex-root {
  min-height: 100%;
}

/**
 * slider will overflow in horizontal axis, which will cause container
 * horizontally expanding. below styles will prevent this from happening.
 */
.weex-root {
  width: 100%;
  overflow-x: hidden;
}

.weex-root figure {
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.weex-flex-ct {
  display: flex;
}

.weex-ct {
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  align-items: stretch;
  align-content: flex-start;
  border: 0 solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.weex-ct.horizontal {
  flex-direction: row;
}

.weex-el {
  display: block;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  border: 0 solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.weex-text {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  position: relative;
  white-space: pre-wrap;  /* not using 'pre': support auto line feed. */
  font-size: 0.4266666666666667rem;
  word-wrap: break-word;
  overflow: hidden; /* it'll be clipped if the height is not high enough. */
}

.weex-image {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.weex-a {
  text-decoration: none;
}

.weex-ios-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 9999;
  top: 0;
}

.weex-fixed {
  position: fixed;
  z-index: 1;
}

.weex-sticky {
  position: fixed;
  top: 0;
  z-index: 9999;
}